Garet005

@Garet005·3 public vizzes

TP4 fini

A choropleth map of French regions visualizes weekly influenza case counts across 52 weeks in 2014, with a slider to navigate through time. The map’s fill colors are assigned from a five-step quantize scale based on the selected week’s value, and hovering over a region shows a tooltip with its name and count. Built with D3 v4, the visualization binds CSV data to a GeoJSON topology, renders regions using `d3.geoPath` with a conic conformal projection, and updates the `style.fill` dynamically on slider input.

Dec 8, 2017

Loading thumbnail…

TP3_v3.11

This visualization compares monthly stock price trends for Microsoft, Amazon, and IBM using layered area charts. It presents the data in three distinct modes: separated, stacked, and centered displays, allowing viewers to compare price movements across companies. The D3.js v4 code loads data from a CSV file, parses dates with `d3.timeParse`, and renders the areas as SVG paths using `d3.area` with basis curve interpolation. Animated transitions would cycle through the different display modes, though the visible code primarily sets up the static chart structures.

Nov 29, 2017

Loading thumbnail…

simple line chart from dataset

A simple SVG line chart plots monthly values from an 11-point JSON dataset, with a black polyline, labeled x-axis dates, and a large final-value annotation. The visualization adds interactivity through gray circular markers at each data point; hovering a circle turns it red, reveals its value, and displays a vertical dashed guide line. The chart uses D3 v4’s `d3.scaleTime`, `d3.scaleLinear`, and `d3.line`, with mouseover and mouseout events controlling opacity and stroke transitions. Animation effects appear via `transition().duration(300)` when changing marker color and opacity.

Nov 9, 2017