Fork of Polished World Map

100%

Fork of Polished World Map

✓ Published0🌍 Public

Last edited Jan 28, 2023

Created on Jan 23, 2023

This visualization displays Major League Baseball stadiums on a polished map of the United States, with circles sized according to stadium capacity and colored by division. Built with React and D3 v5, it uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries and interiors from US Atlas TopoJSON data. The map loads stadium coordinates, capacities, and divisions from a CSV file, applying `d3.scaleSqrt` for circle sizing. Interactive dropdown menus allow filtering by division, supported by React state management and custom axis and legend components.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Polished World Map

This visualization presents a natural Earth projection world map with country boundaries, graticules, and city locations. The map uses d3.geoNaturalEarth1 and d3.geoPath to render land masses and interiors from World Atlas TopoJSON data, while circles sized by population via d3.scaleSqrt represent cities from a CSV dataset. Built with React and D3 v5, the SVG rendering applies subtle gray styling to geographical features and semi-transparent teal dots for urban centers.

Ssteelerfan107

79% match

Loading thumbnail…

Fork of Polished World Map

A fork of the Polished World Map renders U.S. state boundaries as an SVG visualization using React and D3 v5. The map displays land masses in teal with graticules and interior borders, loaded from the us-atlas TopoJSON dataset. The code employs `topojson.feature` to convert the data into GeoJSON and `d3.geoPath` to draw shapes, with styles applied through CSS classes. A YouTube embed is included in the README, though no playback functionality appears in the application itself.

VVu Le

78% match

Loading thumbnail…

Fork of Polished World Map(cities)

This D3 visualization presents a world map with city points sized by population, using a Natural Earth projection with graticules, sphere, and country interiors. Built with React, the code uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from D3, along with a `scaleSqrt` for circle radii. City data is loaded from a CSV of world cities, while country boundaries come from World Atlas TopoJSON, both rendered as SVG paths and circles.

NNelson Kalgushkin

77% match

Loading thumbnail…

MLB Parks

This interactive scatterplot visualizes Major League Baseball stadiums, plotting each park's opening year on the x-axis against a user-selected attribute (capacity, construction cost, or opening year) on the y-axis. Points are color-coded by roof type using a d3.scaleOrdinal and SVG circles with native tooltips. Built with React and D3 v7, the visualization uses d3.csv for data loading, d3.scaleLinear for axes, and custom React components for axes and legend rendering. A dropdown menu allows switching between different y-axis attributes.

AArubaKLM

77% match

Loading thumbnail…

Fork of Polished World Map

This interactive world map displays country boundaries, graticules, and city populations using a natural Earth projection. Cities are rendered as semi-transparent circles whose radii scale with population using a square-root scale. Built with React and D3 v5, it loads geographic data from the World Atlas TopoJSON, processes it via `topojson.feature` and `topojson.mesh`, and draws the visualization as SVG using `d3.geoPath` and `d3.geoGraticule`.

Sstefanpullen

77% match

Loading thumbnail…

Fork of Polished World Map

This visualization presents a polished world map rendered in SVG, displaying country boundaries as black landmasses on a white sphere with subtle graticule lines. It uses React with D3 v5, employing `d3.geoMercator` and `d3.geoPath` to project and draw geographic features, while `d3.geoGraticule` generates the grid overlay. The data comes from the World Atlas TopoJSON, processed via the `topojson` library’s `feature` and `mesh` functions to extract land polygons and interior borders.

EElena Ionescu

76% match

Loading thumbnail…

Fork of Polished World Map

This example displays a map of U.S. states, rendered as outlined polygons using React and SVG. The map uses the `geoAlbersUsa` projection from D3 v5 and draws state boundaries with `d3.geoPath`. Geographic data is loaded from the U.S. Atlas TopoJSON, converted via the `topojson.feature` API, and styled with a teal fill on a light gray background. Although the README mentions world country boundaries and graticules, the current code focuses solely on U.S. state shapes.

KKeyvan Rezaei

76% match

Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered as an SVG using the d3.geoPath projection and d3.geoGraticule for graticules. Country shapes are filled in teal, with interiors highlighted in a lighter stroke. The map is built with React, using the d3.json loader to fetch World Atlas TopoJSON data from unpkg. The code leverages the topojson library’s feature and mesh functions to extract land and interior boundaries, and the d3.geoNaturalEarth1 projection defines the map’s spherical look.

JJean David

76% match