Skip to main content
SimilarExport ZIP
100%

CipherHealth "Our Hospitals" Map

✓ Published0🌍 Public
JJustinChill
Last edited May 24, 2017
Created on May 24, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

CipherHealth "Our Hospitals" map - D3

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.

JJustinChill
89% match
Loading thumbnail…

yi xiao Map

This choropleth map uses D3.js with a geoAlbersUsa projection and TopoJSON to visualize COVID-19 state-level data, encoding the logarithm of seven-day average positive test results through an ordinal color scale based on d3.schemeReds[3]. The map renders U.S. states as SVG paths via d3.geoPath, with hover styling that fills states light green and adds dark red strokes. The dataset is loaded from external CSV and TopoJSON files, and tooltip-like title elements display state names, seven-day death averages, and positive test averages.

JJesse Luo
68% match
Loading thumbnail…

Fork of US COVID Vaccination Circles - Refactored

This visualization shows a map of the United States, plotting blue circles at the centroid of each state to represent the percentage of fully vaccinated residents as of September 4, 2021. The radius of each circle is scaled proportionally to the vaccination rate, allowing viewers to compare state-level progress at a glance. The code uses the D3.js library (version 5) with `geoAlbersUsa` projection and `geoPath` to render state boundaries, while `d3.scaleLinear` maps vaccination percentages to circle radii. State centroids come from a local JSON file, and vaccination data is loaded from a GitHub Gist containing U.S. vaccination data by state and territory.

PPeter VanNostrand
67% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States uses a logarithmic color scale to show the relative number of COVID-19 cases per state, based on a seven-day average. A Voronoi overlay, built with `d3.Delaunay`, expands each state’s hover target for easier tooltip interaction, displaying details like death tolls, test counts, and positivity rates. The map is rendered with `d3.geoPath` and `geoAlbersUsa`, using TopoJSON state boundaries, while a custom color legend communicates the log-transformed case thresholds. React manages the component state, and all SVG elements are styled with hover effects in CSS.

IIvy Liu
67% match
Loading thumbnail…

123

This dashboard visualizes COVID-19 vaccination data across US states, combining a choropleth-style map with an interactive bar chart. The map uses `d3.geoAlbersUsa` projections and `d3.geoPath` to render state boundaries, with circle sizes scaled by vaccination rates via `d3.forceSimulation` and `forceCollide` to prevent overlap. The lower bar chart displays daily doses for a selected state, using `d3.brushX` to let users select a date range. Data comes from a US vaccination dataset via CSV, with React managing state for dropdown selections and map updates.

Nniuyizhan
67% match
Loading thumbnail…

Sized Points on a Map

The map displays hospital beds per 1000 people, with each city represented by a circle whose area is proportional to the value. The geographic context is drawn using `d3.geoPath` with a `geoNaturalEarth1` projection, incorporating graticules, land masses, and country interiors. City data is loaded via `d3.csv` and scaled using `scaleSqrt`. The visualization is rendered in a React component, producing SVG marks over a subtle, polished basemap sourced from the World Atlas TopoJSON.

IIris Lin
67% 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
67% match
Loading thumbnail…

yi xiao Map

This visualization displays a choropleth map of the United States, coloring each state by the log-transformed seven-day average of positive COVID-19 test results. The map also uses SVG tooltips to show each state’s name, seven-day death average, and positive test average. It loads CSV data and TopoJSON geometry, projecting it with `d3.geoAlbersUsa` and drawing paths via `d3.geoPath`. The color scale is a threshold scale from `d3.scaleThreshold` using `d3.schemeOrRd`, and it includes a custom color legend built with D3 selections.

Aanduskong
67% match