https://docs.optrix.com.au/ Wed, 27 May 2026 01:25:44 +0000 FeedCreator 1.8 https://docs.optrix.com.au/_media/wiki:dokuwiki.svg https://docs.optrix.com.au/ https://docs.optrix.com.au/display_list:3d 3D Interactive Infographics Although most examples are 2D visualisations, you can also create 3D interactive data displays as well. Using three.js, you can create three-dimensional visualisations such as 3D surfaces, Ribbon graphs and 3D bar charts. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:adding_an_infographic Adding an Infographic You add an Infographic to the list by following the steps below... Create a new Folder in the Display List directory In your infographics directory, you can create a folder for every infographic you have. Note that while it's not required, we suggest avoiding spaces in your folder names. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:admin Infographics Addon The Infographics addon allows you to add custom web displays to your ARDI system, using your combined ARDI data to create your own visualisations. These are made available on your ARDI website, and provide interactive, up-to-date and dynamic visualisations built from your data. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:display_page Display Page The Display Page shows you the content of the Infographic. The content of an infographic can vary wildly, but will usually have two consistent elements. [400] Heading The heading appears in the top-left corner of the page, showing you the name of the display you're looking at. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:embedding Embedding Infographics You can embed infographics into any web page, as long as the user has access to the ARDI server. Simply add &embed to the end of the pages URL, and it will adjust its behaviour to work well in an iframe element. You can copy the exact code you need to embed a Infographic with the anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:folders Infographic Folders You usually don't want all of your Infogrphics appearing in one large list - it's confusing to the user and makes it hard for people to find the information they are looking for. The Infographics addon allows you to organise your graphics into anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:infographics_directory The Infographics Directory The Infographics directory lives in your site folder. This will be in a different location depending on your platform. If you are trying to use the default site, your path will be... PlatformFolderWindowsc:\Program Files (x86)\Optrix\ardi\web\sites\default\displays anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:third_party_libraries Doing More Position It's not just about process measurements - Infographics also allow you to show position in new ways, such as with 2D maps and site layout drawings. These are particularly useful when dealing with mobile equipment, or sensors spread out over large geographic areas. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:time-travel Time Travel in Infographics Any infographic designed to display live data is also capable of time travel. You can use the controls provided in the top-right corner of the infographic to take the visualisation back to previous points in time. You can also playback events, fast-forward or view changes in slow motion. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:user Using Infographics The Infographics addon gives you access to a range of interactive, data-driven displays from your ARDI system. These displays can use live and historical data to analyse and visualise data in a way that is accessible from a huge range of devices and easy for people to understand. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:welcome Infographics Addon The Infographics addon gives users easy access to fully customisable web-powered, interactive, data-driven visualisations. These aren't limited to history - these can display, respond to and analyse live data as-it-happens, and show results in a wide variety of different ways. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:writing_the_script_3 Writing the Script - The Report Class From the previous page, we've seen that most of the work will be in filling-in the draw function. The function is passed an array of data, but we don't really know what any of it is and what we're supposed to do with it. Luckily, the anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:writing_the_script Writing the Script Infographics are written in Javascript (or ECMAScript, for the pedantic among you). This is the language shared between all web-browsers, and when combined with the massive number of helpful libraries available online, it can be used to power a huge variety of data visualisations. anonymous@undisclosed.example.com (Anonymous) Fri, 19 Dec 2025 00:01:27 +0000 https://docs.optrix.com.au/display_list:writing_the_script2 Writing the Script - Part 2 Let's look at a bare-bones version of an Infographic. class ActiveReport extends SVGReport { initialise() { super.initialise(); }; create() { this.liveReport("'Temperature - Air' PROPERTY ALLPOINTS"); } update() { this.draw(report.livedata); } draw(data) { } } anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:writing_the_script4 Writing the Script - Part 4 To get started with our draw function, we're going to need to... 1) Prepare our data 2) Create the axes for our graph, 3) Draw our bars ---------- Preparing Our Data First, we'll make our data simple. Currently, the data anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/display_list:writing_the_script5 Writing the Script - Part 5 That's enough to get a basic Infographic working. But with live data, there's an issue - we keep adding more content to the page every time we call draw. The simplest way to avoid this is by re-drawing the image every time. We could do this with the line anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000