Skip to main content
SimilarExport ZIP
100%

CipherHealth "Our Hospitals" map - D3

✓ Published0🌍 Public
JJustinChill
Last edited Nov 12, 2016
Created on Nov 12, 2016

This choropleth map colors U.S. states by a three-tiered value scale (lived, visited, or unvisited) and overlays proportional circles for six cities sized by years resided. Built with D3 v3, it uses the Albers USA projection (`d3.geo.albersUsa`) and `d3.geo.path` to render GeoJSON state boundaries, while assigning fill colors via a linear scale. Hovering a city fades SVG circles and displays a tooltip div, with a legend generated from Bostock’s block.

AI-generated description

This visualization was built by modifying choropleth example code by Scott Murray, tooltip example code by Malcolm Maclean, and legend code example by Mike Bostock.

Similar vizzes

Loading thumbnail…

CipherHealth "Our Hospitals" Map

This interactive map plots CipherHealth’s hospital and health-system accounts across the United States, with each location rendered as a circle whose size reflects an associated score and color encoding the account type. The visualization uses D3.js with a `d3.geo.albersUsa` projection and TopoJSON data for state boundaries, while animated transitions drop the markers into place on load. Hovering reveals tooltips powered by `d3-tip`, and a custom legend maps the categorical color scale to facility categories.

JJustinChill
89% match
Loading thumbnail…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl
76% match
Loading thumbnail…

US Choropleths Map And Captital/Major Cities

A US choropleth map displays all continental states colored with a white-to-pink linear scale, alongside two city overlays: state capitals as fixed black dots and major cities as population-sized circles. The visualization uses React with d3.geoAlbers projection, d3.geoPath, and d3.geoGraticule to render SVG shapes from US Atlas TopoJSON. City data comes from a world cities CSV and US state capitals JSON. d3.scaleSqrt maps city populations to circle radii.

Qqeuscor
74% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across US states using a diverging color scale. The map is rendered as an SVG using D3.js and the `geoAlbersUsa` projection, with state boundaries drawn via `geoPath`. Earthquake counts are logarithmically transformed and mapped to a threshold color scale from the `schemeOrRd` palette, while hovering highlights states in light green. The data is loaded from CSV and TopoJSON files, and tooltips display state name, region, and raw earthquake totals.

Eelaine-xiao
74% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across US states using a diverging color scale. The map is rendered as an SVG using D3.js and the `geoAlbersUsa` projection, with state boundaries drawn via `geoPath`. Earthquake counts are logarithmically transformed and mapped to a threshold color scale from the `schemeOrRd` palette, while hovering highlights states in light green. The data is loaded from CSV and TopoJSON files, and tooltips display state name, region, and raw earthquake totals.

Eelaine-xiao
74% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across US states using a diverging color scale. The map is rendered as an SVG using D3.js and the `geoAlbersUsa` projection, with state boundaries drawn via `geoPath`. Earthquake counts are logarithmically transformed and mapped to a threshold color scale from the `schemeOrRd` palette, while hovering highlights states in light green. The data is loaded from CSV and TopoJSON files, and tooltips display state name, region, and raw earthquake totals.

Eelaine-xiao
74% match
Loading thumbnail…

D3 World Map

This choropleth map visualizes the average university diversity index across U.S. states in 2021, using a white-to-blue linear color scale. Each state is rendered as an SVG path via `d3.geoPath` with a `d3.geoAlbersUsa` projection, colored by state-level data. Hovering reveals a tooltip, and a `d3.legendColor` legend displays the scale. The code loads TopoJSON state boundaries from a GitHub gist and uses D3 v4 and the d3-legend plugin.

EErik Erickson
74% match
Loading thumbnail…

choropleth

This choropleth map uses the Albers USA projection to visualize the number of earthquakes per state in the United States, rendered as Scalable Vector Graphics (SVG) paths. The map employs a threshold color scale with a sequential color scheme (OrRd) to encode the logarithmically transformed earthquake counts for each state. The visualization is built using D3's `geoPath` and `geoAlbersUsa` for projection and map generation, with `topojson` for feature extraction. Data is loaded from external CSV and TopoJSON files. Hovering over a state turns it light green, revealing tooltips with the region, state name, and earthquake count.

MMehika Patel
74% match