![]() Transactions are stroed in a ringbuffer to send the last 1800TX to the client on pageload. An Instance of the IOTA JS library is used to peridically poll the latest milestone index. It listens to the ZMQ Transaction stream of an IOTA Fullnode. Server-side a ZMQ client is used for for data aquisition. The visualiser follows simple client server architecture. Set your network endpoints in App.js and also set the NAME to. Copy the mainnetdata.json and also rename it to data.json. Would you like to proceed to legacy Twitter Yes Skip to content HomeHomeHome, current page. To add another network, copy the mainnetApp.js and rename it to App.js. The IOTA 2.0 DevNet is running smoothly, and anyone can have a look at it with our new Tangle visualizer - the future of DLT begins now Visit: We've detected that JavaScript is disabled in your browser. Shimmer Explorer for viewing transactions and data on the Tangle. Run node mainnnetApp.js to start the server. Shimmer Explorer for viewing transactions and data on the Tangle. To get started open the mainnetApp.js and configure the ZMQ_ENDPOINT and LSM_NODE. The visualiser can be used for multiple networks (Mainnet, testnet, Customnet). InstallationĬlone the repo and run npm install. Use svg=true to display a svg export utility button on the top left. The tx is only highlighted when on screen. Continuous hue rotation DARK_MODE: false, // colors HIGHLIGHT_MULTIPLE_COLOR: 0xda4b29, // for tags, hash, bundle filter SAME_BUNDLE_COLOR: 0x1287ff, LIGHT_LINK_COLOR: 0x222222ff, LIGHT_NODE_COLOR: 0x000000ff, LIGHT_NODE_BG_COLOR: 0xffffff, NODE_CONFIRMED_COLOR: 0x000000, HIGHLIGHT_COLOR_FORWARD: 0xf1b727ff, HIGHLIGHT_COLOR_BACKWARD: 0xe23df4ff, NODE_MILESTONE_COLOR: 0xe53d6f, NODE_TIP_COLOR: 0x1fe0be, LINK_COLOR: 0, NODE_COLOR: 0, NODE_BG_COLOR: 0, // sizes NODE_CONFIRMED_BORDER_SIZE: 1, NODE_BASE_BORDER_SIZE: 0.8, NODE_MILESTONE_BORDER_SIZE: 0.6, NODE_TIP_BORDER_SIZE: 0.6, // other TITLE: "The Tangle", EXPLORER_TX_LINK: "", EXPLORER_BUNDLE_LINK: "", PIN_OLD_NODES: true, // pinning old tx increases performance by disabling their physics ad thus excluding them from the layouting process LIGHT_LINKS: false, SPAWN_NODE_NEAR_FINAL_POSITION: true, // spawns new nodes close to their neighbours COLOR_BY_NUMBER: false, // color ty based on the order they appear on screen. for 'size by value' MAX_NODES: 4000, // max nodes when 'limit to 4k nodes' is enabled // options REMOVE_FLOATING_NODES: true, COLOR_BY_DEPTH: false, SIZE_BY_VALUE: false, // size based on transferred iota value SIZE_BY_WEIGHT: false, // tx that confirm more tx have a bigger diameter REMOVE_OLD_NODES: false, // only MAX_NODES tx are kept on screen. In adition to setting configuration parameters using the ui, URL parameters can be used for presets.ĬIRCLE_SIZE: 30, // size of a node REMOVE_LONLY_AFTER_S: 30, // remove floating nodes after time REMOVE_SMALLER_THAN_PERCENTAGE_OF_TOTAL_MESH: 0.03, // remove graphs that are smaller than % of all nodes MAX_CIRCLE_SIZE: 80, // max node size used e.g. Tx that confirm more tx have a bigger diameterĬolor ty based on the order they appear on screen. Tx that have been confirmed by more tx have a bigger diameter Spawns new nodes close to their neighbours Pinning old tx increases performance by disabling their physics ad thus excluding them from the layouting process Automatic removal of those tx increases performanceįor continuous use only 4000 tx are kept on screen. Some tx are not visually attached to the tangle since their attachement point lays so far back that it is not displayed anymore. Use the input boxes on the left to filter by hast, tag or bundle. tx of the same bundle are highlightes in blue.top left: how many tx are confirmed by the selcted one (magenta).top left: how many tx are confirming the selcted one (yellow).Var accessKey = "t4bmyI7lGOgTGNKSWpWvCy62aGlKx0OXyV3RrRRv4" Ĭlient.Live Visualisation of the IOTA Tangle using a dynamically layouted graph.Īll circles represent transactions (tx) in the IOTA Tangle.Ī circular buffer is used to populate the viewer with the last 1800 (configurable) tx on page load. Let seed = 'PLWYXEQISUOXOJCDJ9JBCA9GMPMYBOEPDXRBWVQYXOEDUGSW9AGXTPODSZOJJSAR9GGUMMFXFNQUCWDPK' The LoraWAN device with antenna and FTDI programmerįeel free to use, change, adapt and spread the word! var ttn = require("ttn") Thanks to Ton Smets for helping setting up the demo and hardware. Let me know what kind of use cases you think about in the comments! LoraWAN devices could be used to send the data, the Tangle could be used to store that data in an immutable and secure way. An implementation of the model has been developed, based on data collection from the Bosch XDK110 multisensor and a storage/visualization application. Think about cooling trucks, which have to prove that a certain good is kept below a certain temperature all the time. This use case allows for real time data storage in the Tangle, which gives the user an immutable way of data storage. What does a transaction like that look like when you forward the full JSON message received via MQTT? Like this: The transaction can be found using → Transaction
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |