Skip to main content
SimilarExport ZIP
100%

US Map of Nielsen Media Markets

✓ Published0🌍 Public
CCurran Kelleher
Last edited Jan 9, 2018
Created on Jan 9, 2018

This interactive map of U.S. Nielsen media markets shows each designated marketing area (DMA) as a colored SVG polygon, with a choropleth scale mapping yellow to green based on Nielsen rank. Hovering over a region turns it orange and displays a text box with market name, TV home count, cable percentage, and rank. The visualization uses D3 v3 with `d3.geo.albersUsa` and `d3.geo.path` to project TopoJSON boundaries, and merges that geometry with household data from a separate JSON file. County borders are drawn using a TopoJSON mesh.

AI-generated description

This is the map of Nielen Designated Marketing Areas using D3.js. Hover over for data related to each area.

See map here

See code here

###Credits

###Notes

  • Some areas are shaped really strangely (such as a slice of Nevada being part of the Denver media market) but that is really how they are divided

forked from <a href='http://bl.ocks.org/simzou/'>simzou</a>'s block: <a href='http://bl.ocks.org/simzou/6459889'>US Map of Nielsen Media Markets</a>

mit Licensed

Similar vizzes

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147
67% match
Loading thumbnail…

US Map

This interactive visualization displays all US counties as a choropleth-style map rendered with a natural Earth projection using d3.geoPath. The map is drawn with SVG elements, featuring graticules and a sphere outline to provide geographic context. County boundaries come from a TopoJSON file loaded asynchronously and converted to GeoJSON features. Built with React and D3 v7, the visualization dynamically fills the browser window and uses the Poppins font for its minimal interface.

JJohn Lewis
65% match
Loading thumbnail…

US_Map

A choropleth-style map displays the contiguous United States with state boundaries, rendered in SVG using React. The visualization uses `d3.geoAlbers` for projection and `d3.geoPath` to draw geographic features, with `d3.geoGraticule` generating graticule lines. Land areas are filled pink, interiors stroked darkblue, and the sphere background is yellow, styled via CSS. Geographic data comes from the US Atlas TopoJSON, processed with `topojson.feature` and `topojson.mesh`.

AAkrutiKhurana2103
65% match
Loading thumbnail…

country map

This visualization displays a map of the United States at the county level, using a green fill with black borders that highlight individual county boundaries. Hovering over any county changes its fill color to yellow. The map is rendered as SVG using D3 v5, with geographic projections handled by `d3.geoAlbersUsa` and `d3.geoPath`. County boundaries are generated from TopoJSON data loaded from the us-atlas package, and the code relies on `topojson.feature` to extract geographic features and `topojson.mesh` for boundary calculations.

Ddivyagunuguntla
65% match
Loading thumbnail…

113th U.S. Congressional Districts

This example displays the 113th U.S. Congressional districts as an interactive choropleth map, with each district shading orange on hover over a gray base. It uses a custom Albers USA projection via `d3.geo.albersUsa()` and renders SVG paths with `d3.geo.path`. District and state boundaries are drawn as white strokes using `topojson.mesh`, while district features come from `topojson.feature` on data fetched from GitHub-hosted JSON files. The visualization clips all paths to the landmass using a clip path derived from a US TopoJSON mesh.

Mmbostock
65% match
Loading thumbnail…

US County Populations - D3 Visualization

This interactive choropleth map visualizes 2013 U.S. county population estimates, using a logarithmic color scale with a sequential interpolateGnBu scheme to encode values. The visualization binds population data from Wikipedia-sourced CSV files to county paths from the us-10m.v1.json TopoJSON, rendered with d3.geoPath using a null projection and geoTransform scaling for performance. It features zoom/pan capabilities via d3.zoom, hover tooltips, and toggleable county borders, with a legend provided through d3.scaleSequential.

CConnorIngram
65% match
Loading thumbnail…

US Map with County Centroids using D3.js

A US map displays state boundaries in light green with small red circles marking county centroids, computed via `d3.geoPath` and `d3.geoCentroid` from TopoJSON data. The visualization uses D3 v5 and the `geoAlbersUsa` projection, rendering SVG shapes. County population and COVID-19 case data from a CSV file determines circle sizing, though the visible circles have a fixed radius. Zooming is enabled through `d3.zoom`, and the map is drawn from the us-atlas counties-10m.json dataset.

Aacrasto-tibco
65% match
Loading thumbnail…

USA Country Map

This choropleth-style map displays the 50 United States using an Albers equal-area conic projection, with each state filled in green and white borders defining state boundaries. Hovering over a state changes its fill to orange. The visualization is built with React, D3.js v5, and TopoJSON, using `d3.geoPath()` to render geographic shapes and the `geoAlbersUsaTerritories()` projection. State geometry is loaded from a US Atlas TopoJSON file, and the map is rendered as SVG.

SSonuSriN
64% match