This presentation introduces a mashup of the JavaScript library D3.js, the virtual globe toolkit osgEarth, and the web browser engine Chromium Embedded Framework. Using the example of a national atlas, it is demonstrated how these OpenSource frameworks facilitate the creation of charts and legends for a series of three-dimensional maps.
First, it is explained how a map in osgEarth can be styled with D3 scale functions. Legends for choropleth, line, symbol, and grid maps are derived therefrom. They allow to depict unique values, value ranges, and combinations of those having two dependent variables. Also legend templates for color gradients and hierarchical categories have been developed. All legends are superimposed the virtual globe by means of the Chromium Embedded Framework.
Next, six widely used chart types - i.e. pie, ring, wing, divided area, bar, and divergent bar charts - with individual properties are presented. Charts are defined with aforementioned styling functions, created with D3.js, and displayed as billboards in the virtual globe.
Finally, a live demo is shown, current limitations are discussed and future work of the atlas project is outlined.
