Aurelink

@Aurelink·5 public vizzes

TP noté DataViz Final

This visualization displays the spread of influenza across French regions from 2003 to 2014, using a choropleth map that updates weekly via a slider control. Regional case counts are encoded with a quantized color scale, and hovering over a region reveals its exact value in a tooltip. The map is rendered with D3 v3, using a conic conformal projection and geo paths, while data loading and processing are handled with the queue.js library and CSV files.

Dec 2, 2016

Loading thumbnail…

TP noté DataViz

An interactive choropleth map of French regions displays influenza case counts for each epidemiological week from 2003 to 2014. A slider allows navigation through the weekly time series, updating the map's color fill based on a quantized color scale. The map is rendered using d3.geo.path with a conic conformal projection, while asynchronous file loading is handled by the d3.queue API. Regional data originates from a CSV file, with geographic boundaries from a GeoJSON file.

Dec 2, 2016

Loading thumbnail…

Gist 9da9e4640a7b2a03db534849c5d713b7

A choropleth map of metropolitan France encodes the cumulative influenza case counts for late 2014 across 22 regions, using a five-class green color scale on top of a ConicConformal projection. The code merges CSV data with GeoJSON polygons via the `d3.csv` and `d3.json` calls, then renders the shapes through `d3.geo.path`. Hovering over a region reveals an HTML tooltip with its name and summed value from five weekly columns.

Nov 24, 2016

Loading thumbnail…

Gist a76504adb7799e4c28c6d1558bd35ce3

This example displays a map of the United States using an Albers USA projection, rendering state boundaries as SVG paths. It loads geographic data from a local `us-states.json` file containing a FeatureCollection of state polygons. The code uses d3.json to fetch the data and d3.geo.path with a d3.geo.albersUsa projection to convert GeoJSON coordinates into screen paths. The visualization presents a simple, static outline map without additional data encoding or interaction.

Nov 24, 2016

Loading thumbnail…

simple line chart from dataset

This simple line chart visualizes a small dataset over time, with each data point represented by a circle that turns red on mouseover and displays its value. The chart uses an ordinal scale for the categorical x-axis and a linear scale for the y-axis, drawing a black polyline through all points. Built with D3 v3, the visualization loads JSON data via `d3.json`, parses dates with `d3.time.format`, and constructs the line using `d3.svg.line`. SVG text elements label the x-axis with abbreviated month names below the chart.

Nov 17, 2016