A demo of the Chiasm visualization runtime engine.
Click on numbers and colors in the configuration editor for interactive widgets that let you configure the visualizations.
xxxxxxxxxx<html> <head> <meta charset="utf-8"> <!-- A data visualization editor. Curran Kelleher March 2015 --> <title>Visualization Editor</title> <link rel="stylesheet" href="//curran.github.io/cdn/inlet/inlet.css"> <link rel="stylesheet" href="//curran.github.io/cdn/codemirror-v5.0.0/lib/codemirror.css"> <link rel="stylesheet" href="axes.css"> <style> /* Make the container fill the page. */ #container { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; } </style> </head> <body> <!-- The container for the runtime environment. --> <div id="container"></div> <!-- Use RequireJS for module loading. --> <script src="//curran.github.io/cdn/requirejs-v2.1.16/require.js"></script> <!-- Configure AMD modules. --> <script src="requireJSConfig.js"></script> <!-- Run the main program. --> <script src="main.js"></script> </body></html> https://curran.github.io/cdn/requirejs-v2.1.16/require.js