Codincamper

@Codincamper·5 public vizzes

French Flag

This example uses D3 v4 to draw the French flag as three vertical SVG rectangles. The blue, white, and red bands each have a fixed width of 200 pixels and a height of 300 pixels, positioned side by side with no gaps. The code appends each `rect` directly to an SVG canvas sized at 960 by 500 pixels, setting fill colors explicitly via attribute assignments. No data file is involved; the visualization is purely geometric and static, demonstrating basic SVG shape creation and SVG attribute manipulation in D3.

Jul 26, 2017

Loading thumbnail…

French Flag

This example draws the French flag as three vertical rectangles, each with a solid color: blue, white, and red. The visualization uses D3 v4 to append three `rect` elements to an SVG canvas, setting explicit `x`, `y`, `width`, and `height` attributes to position the stripes side by side. No data is loaded; the rectangles are hardcoded, and the flag occupies the top 300 pixels of a 960 by 500 pixel viewport. The code demonstrates basic SVG shape creation with D3’s selection and append methods.

Jul 26, 2017

Loading thumbnail…

Virus chloropleth West Nile 2015

This choropleth map displays total West Nile virus cases per U.S. state for 2015, color-coded on a logarithmic scale from cyan to black. Hovering over a state reveals a tooltip with its name and case count. The visualization loads data from a CSV, merges it with GeoJSON state boundaries, and renders SVG paths using d3.geo.path with an AlbersUSA projection. The code also includes paths for hover effects and a legend.

Jul 26, 2017

Loading thumbnail…

Virus chloropleth west nile 2016

This choropleth maps the 2015–2016 West Nile virus and Zika virus case counts across U.S. states, using a diverging color scale to encode total reported infections per state. The map renders as an SVG using D3 v3, with state boundaries and a color legend. It relies on two data files—West Nile virus counts (neuroinvasive and non-neuroinvasive cases, deaths, and blood donors) and Zika case counts—to color each state. The visualization is a fork of earlier D3 choropleth examples, and includes interactive tooltips that display the underlying state-level data on hover.

Jul 26, 2017

Loading thumbnail…

French Flag

This example draws the French flag using three colored rectangles within an SVG canvas. The visualization uses the D3.js library (version 4) to select the body element, append an SVG, and create the blue, white, and red vertical bands. Each rectangle is positioned with explicit `x` and `y` attributes and sized with `height` and `width`, with no data source involved. The rendering is purely static and vector-based, demonstrating basic SVG shape creation through D3's imperative API.

Jul 25, 2017