Alexdef74307

@Alexdef74307·6 public vizzes

Visualization of France's spreading of sickness 2

This visualization displays the spread of sickness across French regions on a chloropleth map, with a slider to navigate through different weeks. It shows regional infection values as colored areas, with a tooltip revealing the specific region name and its value on hover. The map is rendered using `d3.geoPath` with a conic conformal projection, while the color scale is dynamically updated using `d3.scale.quantize`. Data is loaded asynchronously from both a GeoJSON file for region boundaries and a CSV file containing weekly sickness counts, processed through the `queue()` API.

Dec 8, 2016

Loading thumbnail…

Visualization of France's spreading of sickness

This visualization maps the spread of influenza across French regions for 2014 using a choropleth map. It shows the total number of sickness cases per region, aggregated from weekly data, with color intensity representing the November case counts. Built with D3 v3, the code loads geographic boundaries from a GeoJSON file and CSV data, projecting regions with `d3.geo.conicConformal`. A quantized color scale encodes values, and a tooltip displays region names and November totals on mouseover.

Dec 1, 2016

Loading thumbnail…

Visualization of France's spreading of sickness

A choropleth map displays the geographic spread of influenza-like illness across French regions for November 2014, using a five-color quantitative scale. The visualization loads regional illness counts from a CSV file and merges them with geographic boundaries from a GeoJSON file. The map is rendered with D3 v3, using its geo path and conic conformal projection APIs, while color encoding is applied via d3.scale.quantize. Hovering over a region reveals its name and the corresponding November case count in a tooltip.

Dec 1, 2016

Loading thumbnail…

Visualization of France's spreading of sickness

A choropleth map of French regions colors each area by the total number of influenza cases reported in November 2014, with a five-color quantized scale ranging from light green to dark green. The visualization uses D3 v3’s `d3.geo.conicConformal` projection and `d3.geo.path` to render the geographic boundaries from a GeoJSON file, while a CSV dataset provides weekly regional sickness counts. Hovering over a region reveals a tooltip with the region’s name and its November total.

Nov 24, 2016

Loading thumbnail…

simple line chart from dataset

A simple line chart displays monthly values from a small JSON dataset, plotting each data point as a grey circle. Hovering over a circle turns it red, enlarges it, reveals its numeric value above, and draws a dashed vertical line down to the x-axis. The visualization uses D3 v3 with SVG, employing an ordinal scale for x-positions, a linear scale for y-values, and mouseover/mouseout event handlers to animate the transitions.

Nov 17, 2016

Loading thumbnail…

tuto

This example displays a series of numbers from a small inline array as text elements positioned along the x-axis. The visualization uses D3 v4 to select existing page elements and append SVG text nodes, setting their coordinates and font size based on the data index. The code also includes commented-out attempts at creating bar charts, but only the text rendering is active. The data is hardcoded directly in the script, and the SVG canvas is fixed at 960 by 500 pixels.

Nov 10, 2016