Untitled

100%

✓ Published0🌍 Public

Last edited Jun 8, 2023

Created on Jun 6, 2023

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`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

A map of France displays colored circles sized by the percentage of survey responses from each university, with a tooltip showing the exact value on hover. The visualization loads geographic boundaries from a TopoJSON file and renders them as SVG paths using `d3.geoPath` with a custom composite projection from compmap.js. Circles are positioned via the projection, sized with `d3.scaleSqrt`, and animated on mouseover through D3 transitions, while CSV data drives the interactive tooltips.

TTimothyMiage

90% match

Loading thumbnail…

France Map

This example displays a choropleth map of French departments, using a Mercator projection to render each region as a colored SVG path with its name label positioned at the centroid. The visualization loads GeoJSON TopoJSON data from a remote URL, processing it with `feature` from topojson, and generates the paths and labels using `d3.geoPath` and `d3.geoMercator`. Fill colors come from `scaleOrdinal` with `schemeCategory10`, while the map’s layout is adjusted via projection translation and scale parameters in d3 v5 within a React framework.

Kkakumanusreya

78% match

Loading thumbnail…

Untitled

This example displays a map of France, rendered in yellow on a pink background using a Mercator projection centered on the country. The visualization loads GeoJSON data from an external URL, filters the dataset to select only the feature named "France", and draws it as an SVG path using `d3.geoPath` with a `d3.geoMercator` projection. The code relies on D3 v4's `d3.json` method to fetch the geographic data and applies a custom scale and translation to position the map within the 540x400 pixel canvas.

SSNarasimhar

78% match

Loading thumbnail…

Untitled

This example visualizes six French cities on a Mercator map, encoding each location with a circle whose size corresponds to a numeric value and whose fill pattern distinguishes three categorical groups (A, B, C). The map uses `d3.geoMercator` and `d3.geoPath` to project and draw France from a GeoJSON source, while the textures library generates distinct striped patterns via `textures.lines()` for each group. Circles are positioned with the projection, sized via `d3.scaleLinear`, and styled with dashed black strokes and transparent fills to emphasize the pattern overlays.

Zzoniyac

78% match

Loading thumbnail…

Untitled

A choropleth map colors countries according to the number of students per country, with a sequential red color scale and a legend showing count ranges. The visualization uses D3 v5’s `d3.geoMercator` projection and `d3.geoPath` to render world topology from the World Atlas TopoJSON, while data from a TSV file is joined to country features. Country boundaries are styled with white strokes, and hovering highlights the selected country.

Bbambaleq

77% match

Loading thumbnail…

TP4

A choropleth map of France displays regional influenza consultation data for 2014, with each region colored on a green sequential scale according to weekly or monthly case counts. The visualization uses D3 v4 with `d3.geoConicConformal`, `d3.geoPath`, and `d3.scaleQuantize` to render SVG paths from the `regionsFrance.json` GeoJSON file, while a CSV file provides the data. Hovering over a region reveals a tooltip with its value.

EElisaDnr

76% match

Loading thumbnail…

DataViz - TP4

This example shows a choropleth map of French regions colored by the total number of flu cases reported during November 2014, with hover tooltips displaying the region name and value. It uses D3 v3 with `d3.geo.conicConformal` projection and `d3.geo.path` to render the GeoJSON regions, while a quantize color scale maps aggregated values from a CSV dataset. The tooltip uses D3’s mouse events and a simple HTML div.

HHakkahi

76% match

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.

AAurelink

76% match