RomainCandy

@RomainCandy·4 public vizzes

TP4

This choropleth of French regions displays the weekly incidence of influenza for November 2014, with color intensity mapped to the sum of reported cases for those weeks. Built with D3 v4, the visualization uses `d3.geoConicConformal` for projection, `d3.geoPath` to render the map from a GeoJSON file, and `d3.scaleQuantize` to assign chromatic classes. Values are loaded from a CSV containing weekly regional data, and a tooltip appears on mouse-over to reveal the specific regional total.

Nov 30, 2017

Loading thumbnail…

tp2 dataviz

This example animates a transition from multi-line charts to horizon charts for stock price data. It first draws time-series lines for each symbol, with a moving marker tracing the data over time. The view then transforms each line into a stacked horizon plot using color-coded bands to encode value ranges. The code uses D3 v3’s SVG line and area generators, `d3.nest` for grouping, and `d3.timer` with transitions to animate the shift. Data comes from a CSV of monthly prices for MSFT, AMZN, and IBM.

Nov 27, 2017

Loading thumbnail…

simple line chart from dataset

This line chart displays a dataset of seven values, one per month from January to July 2016, on a time-based x-axis and a linear y-axis. A black polyline connects the points, with light grey circles marking each data value. Hovering over a circle highlights it in red, reveals the numeric value above it, and draws a dashed vertical guide line down to the baseline. The chart uses SVG rendering with D3 v4, including `d3.scaleTime`, `d3.line`, and transition effects for the hover interactions. Data is loaded asynchronously from a JSON file.

Nov 13, 2017

Loading thumbnail…

simple line chart from dataset

This example shows a simple line chart drawn from a small dataset of monthly values, with category labels placed below the x-axis and the final value highlighted in larger text beside the line. The chart uses an SVG rendering with d3.v4, employing d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.line to generate the path. Data is loaded asynchronously from a JSON file via d3.json, with dates parsed using d3.timeParse and formatted for display with d3.timeFormat.

Nov 10, 2017