https://docs.optrix.com.au/ Wed, 27 May 2026 01:31:03 +0000 FeedCreator 1.8 https://docs.optrix.com.au/_media/wiki:dokuwiki.svg https://docs.optrix.com.au/ https://docs.optrix.com.au/webbind:arditextvalue ARDITextValue This is an SVG-specific attribute used on SVG text objects. Rather than simply setting the value (as you'd normally find with the regular ardibind), it creates tspan elements for the prefix and postfix text, with an optional highlight anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/webbind:html_barchart Example HTML Horizontal Barchart This example shows how Web Binding can be used to easily make an HTML-based horizontal bar-chart. This example has three major elements. The staticborder which is a solid black region, the bar inside that region that grows to show the value, and the anonymous@undisclosed.example.com (Anonymous) Thu, 15 Jan 2026 03:06:33 +0000 https://docs.optrix.com.au/webbind:parameters Web Data Binding Parameters Web Binding attributes connect HTML or SVG elements to ARDI data. Each of these attributes has multiple parameters that describe how to map the data onto the displayed element. The parameters are given in the same format as CSS styles. Parameter names, a colon character (:) and the property value. anonymous@undisclosed.example.com (Anonymous) Thu, 18 Dec 2025 22:50:17 +0000 https://docs.optrix.com.au/webbind:start Web Data Binding Web Data Binding is a easy way to connect ARDI data to web pages or SVG images without needing to write Javascript code. Although its far less flexible than solutions built with the full Javascript API and tools such as D3.js, it provides a minimal-effort way to bring live data to static pages. anonymous@undisclosed.example.com (Anonymous) Thu, 15 Jan 2026 03:22:25 +0000 https://docs.optrix.com.au/webbind:svg_barchar SVG Vertical Barchart This example shows how Web Binding can be used to make an SVG-based vertical bar-chart. There are actually many ways you can build a barchart using SVGs. This first example adjusts the height and y attributes of an SVG rect to show the value. anonymous@undisclosed.example.com (Anonymous) Thu, 15 Jan 2026 03:25:02 +0000