This example shows how to make a D3 visualization that fills up the size of the page at the time it is loaded. This is necessary when, for example, you want to be able to load your visualization into an iFrame that could be any size. This example was created to address this question on the D3 Google Group: Any advice for setting width in iframes with D3?.
Here's a variant that responds to resize.
| license: mit |
An example that demonstrates basic features of Chiasm.
The Chiasm plugins demonstrated here are
dummyVis A placeholder for D3-based visualizations that use SVG.
wave An example plugin that uses HTML5 Canvas for rendering.
layout A plugin for nested box layout of arbitrary components.
| license: mit |
Pan and zoom in the map on the left to rotate the globe.
Click and drag the globe to pan on the map.
An example that shows a Chiasm plugin based on Leaflet.js alongside a Chiasm globe plugin based on the D3 example This is a Globe.
The Chiasm plugins demonstrated here are
Fundamental visualization techniques from the 1984 paper Graphical Perception: Theory, Experimentation, and Apllication to the Development of Graphical Methods
Chiasm is used to organize and display the images.
| The MIT License (MIT) | |
| Copyright (c) 2015 Curran Kelleher | |
| Permission is hereby granted, free of charge, to any person obtaining a copy | |
| of this software and associated documentation files (the "Software"), to deal | |
| in the Software without restriction, including without limitation the rights | |
| to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| copies of the Software, and to permit persons to whom the Software is | |
| furnished to do so, subject to the following conditions: |
Fundamental visualization techniques as Chiasm plugins. Inspired by:
| license: mit |
| license: mit |
