dartigues

@dartigues·2 public vizzes

Untitled

A choropleth map of France displays the response rate per university, with red circles sized by percentage using `d3.scaleSqrt`. The map uses `d3.geoConicConformalFrance` from the composite projections library, renders SVG paths via `d3.geoPath`, and overlays city coordinates from a CSV file. Interactive tooltips appear on mouseover, showing each city’s response percentage, with data loaded using `d3.csv` and `topojson`.

Jun 8, 2023

Loading thumbnail…

Cell Matrix

A grid of purple and yellow rounded rectangles forms a randomly generated 16-by-8 cell matrix, with each cell’s color determined by a Math.random() call within the React component. The visualization is rendered as SVG rectangles using React and JSX, with cell dimensions computed from the container’s inner width and height divided by the grid counts. The layout is managed by a VizContainer component that applies margins and translates the SVG group, while the page loads React and D3 v6 from a CDN in the HTML entry point.

Apr 6, 2023