agreenyy

@agreenyy·3 public vizzes

Fork of D3 Starter

This example displays a choropleth map of France, rendered as a single grey SVG path on a Mercator projection. It demonstrates a minimal D3 v7 setup, loading GeoJSON data from an external ArcGIS Open Data endpoint and filtering the features to keep only the country of France. The visualization uses `d3.json` for data loading, `d3.geoMercator` for projection, and `d3.geoPath` to draw the geographic outline. The design is intentionally sparse, focusing on the foundational workflow of importing data and creating a basic map.

Mar 16, 2022

Loading thumbnail…

Fork of Loading Data with React & D3

This example displays a choropleth map of the UK's European Electoral Regions, rendered as shaded polygons with gray fills and teal borders on a blank canvas. It loads GeoJSON boundary data from a GitHub repository using `d3.json`, then projects the coordinates with `d3.geoMercator`. The map is drawn through `d3.geoPath` directly onto a Canvas context, with React managing the page structure but not the map’s state. The visualization demonstrates combining D3’s geographic utilities with a canvas-based rendering pipeline.

Mar 16, 2022

Loading thumbnail…

Hello HTML

A minimal React page displays a large yellow circle with a black stroke over an SVG canvas, accompanied by two smaller black circles positioned inside it. The components are drawn directly in the SVG markup, while React and ReactDOM are loaded from CDN scripts. The page also includes a broken script tag and a YouTube embed link in its README, though these do not affect the rendered output. The visualization demonstrates basic SVG shapes within an HTML document without any interactive behavior or data binding.

Mar 13, 2022