Skip to main content
100%

Fork of Second Draft DATA VIZ

✓ Published0🌍 Public
Tt_tannenbaum@coloradocollege.edu
Last edited May 7, 2024
Created on May 7, 2024

This example combines a choropleth map of world countries with a scatter plot of data points for Israel, using two separate SVG canvases. The map encodes the `current_amount` attribute with a green-to-grey color scale, while the scatter plot maps `Fiscal Year` and `current_amount` to x and y positions, with point radius scaled by `constant_amount` and colors from an ordinal palette. The code uses `d3.geoEqualEarth` and `d3.geoPath` for map projection and rendering, `d3.scaleLinear` and `d3.scaleOrdinal` for visual channels, and a tooltip div for interactivity.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes