Fork of Add something new (almost done)

100%

Fork of Add something new (almost done)

✓ Published1🌍 Public

Last edited Aug 12, 2023

Created on Aug 12, 2023

Forked from Add something new (will be continue..)

This interactive choropleth world map visualizes scientific publication counts by country, with bubble sizes representing publication totals for selected time periods. A color legend allows hovering to highlight specific publication ranges while fading others. The visualization includes a linked histogram showing total publications over time, featuring brush controls that filter the map data by year range. Built with React and D3 v5, the project uses `geoNaturalEarth1` and `geoPath` for geographic rendering, `scaleSequential` with `interpolateBlues` for the color scale, and `brushX` for time filtering. Data comes from a CSV dataset of publication records.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Add something new (will be continue..)

This interactive visualization combines a bubble map and a time-series histogram to explore global publication trends from 1996 to 2022. The map displays countries colored by publication totals using a sequential blue scale, with circles sized proportionally to publication counts via `scaleSqrt`. A brush on the histogram filters the map by date range, dynamically updating the displayed data. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoCentroid` for geographic rendering, alongside `brushX` for interactive filtering.

AAbdullah Al Munem

88% match

Loading thumbnail…

Fork of AI Research Project (initial backup)

This interactive visualization combines a choropleth map with a linked time-series histogram to explore global AI research publications from 1996 to 2022. The map colors countries by publication totals using a sequential blue scale, with bubble sizes reflecting aggregated output for a selected year range. Users can brush the time-series chart to filter the map, dynamically recomputing summed data across years. Built with React and D3 v5, the example uses `geoNaturalEarth1` and `geoPath` for map projections, `scaleSequential` with `interpolateBlues` for coloring, and `brushX` for interactive selection, with data sourced from a CSV and world-atlas TopoJSON.

AAbdullah Al Munem

82% match

Loading thumbnail…

Fork of Colorpleth Map with interactive filtering

This interactive choropleth map displays global economic data by country, where users can click legend items to filter and highlight specific categories. Built with React and D3 v5, the visualization uses d3.geoPath, d3.geoNaturalEarth1, and d3.scaleOrdinal to render an SVG world map. The map and color legend respond to clicks by adjusting opacity, dimming non-selected countries and legend ticks. Data comes from the world-atlas package, which combines TopoJSON geometries with TSV metadata.

SstellaWangg

78% match

Loading thumbnail…

Fork of World Map Visualization

This visualization displays a choropleth world map colored by population data from a CSV file, with countries lacking data rendered in red. Using d3.geoNaturalEarth1 projection and d3.geoPath, it draws SVG paths from Natural Earth GeoJSON data. The d3.scaleQuantize with d3.schemeBlues applies a blue color scale to population values loaded via d3.csv, demonstrating D3 v6 with React integration.

HHemanthh81

77% match

Loading thumbnail…

Fork of GeoVisualization - Choropleth map of the world

This visualization presents an orthographic choropleth map of the world, coloring each country by its population using a threshold scale with sequential blue shades. The code loads GeoJSON country boundaries and CSV population data via `d3.json` and `d3.csv`, projecting them with `d3.geoOrthographic` and rendering paths through `d3.geoPath`. Hover interactions trigger opacity transitions and stroke highlights on the SVG countries, while all elements are drawn with D3 v6 in a React environment.

KKetaki789

76% match

Loading thumbnail…

Fork of World Map Visualization

This visualization presents a choropleth world map, coloring countries by their population from a CSV dataset. Countries without matching data appear black. The map uses the Natural Earth GeoJSON dataset and projects geographic coordinates with D3’s `geoNaturalEarth1` projection, rendered via `geoPath`. Population values are mapped to a blue color scale using `scaleQuantize` with `schemeBlues`, while the SVG is constructed and styled with D3 v6 within a React-compatible HTML page.

HHemanthh81

76% match

Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map presents world countries colored by economic classification, with an interactive color legend that filters highlighted regions on click and hover. Users can zoom and pan the map, while clicking a legend category dims non-matching countries and re-clicking clears the filter. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.zoom` for navigation, and `d3.scaleOrdinal` with `schemeSpectral` for coloring. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths with tooltips.

Aarbekos

76% match

Loading thumbnail…

Fork of HTML Starter

This visualization shows a world map with countries colored by population using a threshold scale, rendered as SVG paths via `d3.geoPath` with a Mercator projection. The choropleth uses a quantized color range from light to dark blue, and hover interactions trigger tooltips built with `d3-tip`, displaying each country’s name and population. Data comes from a TopoJSON file and a TSV of population figures, both loaded asynchronously with the queue library.

Ddaniel

76% match