Charts and drawings
Aioros.Pictor's charts, interactive on the web and native on the desktop: tooltips, legends and selections answered by the server, and Aioros.Graphs's layouts drawing the flows, hierarchies and sunburst.
Force-directed network
Aioros.Graphs's force layout places three clusters joined by links, pulled by their links, pushed apart by their charge and kept from overlapping; the same seeded simulation runs on the server for the web and natively on the desktop.
Every interaction runs the same on the web and in the native app. On the web a click is a button posted to the server, the brush's travellers are range inputs, the treemap's nodes zoom through a command, the synced charts follow each other through CSS, and the live chart is pushed by the server: no script of the page's own, and the page is never reloaded.
Click a bar
Click a bar.
Arrow keys and a finger
Tab into the chart, then the arrow keys move the tooltip; a finger dragged across moves it too.
Three synced charts
Synced by category value
Animations
Replay plays every chart's enter animation again. Change data moves the data on to its next version, and this chart is drawn at once with the new data.
Animations
Replay plays every chart's enter animation again. Change data moves the data on to its next version, and this chart animates from its previous geometry to the new one: on the web Aioros morphs the page and moves each shape frame by frame from the numbers the chart declares.
SimpleTreemap
ColorPanelTreemap
Animations
Replay plays every chart's enter animation again. Change data moves the data on to its next version, and this chart is drawn at once with the new data.
A sunburst: the data is the root node, each ring a level of its children, each arc a node's share of the root. Hover a sector of the first for its tooltip.
SimpleSunburst