fresh block

100%

✓ Published0🌍 Public

Last edited Dec 30, 2016

Created on Dec 30, 2016

This interactive map visualization plots geolocated tweets across New York City’s fire divisions over time. The view displays colored borough regions overlaid with small circular markers for each tweet’s coordinates, with a slider to step through days and a control to adjust the map’s zoom scale via d3.geo.mercator and d3.geo.path. The code uses d3.v3, TopoJSON for boundary data, and scales for color and opacity.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

A dark bar chart displays daily high temperatures for New York City from late 2011 through early 2012, using a green fill with white strokes over a black background. The visualization loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and renders rectangular bars positioned by `d3.scaleTime` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the chart is drawn as SVG, with margins fixed to an 800x300 pixel canvas.

JJWTappert

75% match

Loading thumbnail…

fresh block

This visualization displays real-time Twitter sentiment across U.S. states on an SVG map. The map colors each state based on whether positive or negative tweets are more frequent, using pink, turquoise, or beige. It loads US state boundaries from a TopoJSON file and renders them with d3.geoPath and an Albers USA projection. Twitter data streams via the PubNub API, and sentiment is tallied per state using word lists.

CCyberZafa

74% match

Loading thumbnail…

New York Block Groups

This example displays all 13,837 census block groups for New York as a single vector map, showing each polygon with a uniform thin black stroke and no fill. The visualization is rendered as an SVG using a `d3.geo.path()` projection, while the map data is loaded as TopoJSON from a local file and converted to a mesh with the `topojson.mesh()` API. The code projects the geographic coordinates for display, with the styling kept intentionally minimal to emphasize the block-group boundaries.

Mmbostock

73% match

Loading thumbnail…

fresh block

This visualization is a calendar heatmap showing daily fire counts for each year from 1992 to 2015. Each cell represents a day, with color intensity (via a quantized scale from pale yellow to deep red) mapping to the FIRE_YEAR value from the CSV data. The layout uses d3.timeDays and d3.timeWeeks to position cells by week and weekday, with month boundaries outlined by pathMonth. The code employs d3.nest to group the CSV records by date and applies the color scale to the corresponding rectangles.

DDJURK

72% match

Loading thumbnail…

Untitled

This interactive map of New York City boroughs uses a Mercator projection to display a choropleth where each region’s fill color reflects the length of its name. Hovering over a borough triggers a playful “text art” effect that cycles through random Google Fonts, while clicking zooms into the selected region. Built with D3 v3 and React, the visualization leverages `d3.geo.path` for map rendering, `d3.scale.linear` for color encoding, and animated SVG transitions for the zoom effect.

YYuren Dong

72% match

Loading thumbnail…

fresh block

This example presents an interactive map of the United States that layers OpenStreetMap raster tiles over a vector outline of the country. Users can pan and zoom, which triggers the loading of new map tiles and the redrawing of the state boundaries. The visualization is built with D3 v4, using its geographic projection and path modules alongside the d3-tile and d3-zoom libraries. The vector data originates from a local US GeoJSON file, while the background imagery is fetched from the OpenStreetMap tile server.

AAnaMal08

72% match

Loading thumbnail…

fresh block

A map of London shows a cluster of dots animating from radius one to radius six, each positioned by latitude and longitude from a CSV file. The visualization uses Leaflet with a Mapbox tile layer, and D3.js to render SVG circles that are projected to pixel coordinates and repositioned as the map pans or zooms, overlaid on the map’s overlay pane.

CChmits

72% match

Loading thumbnail…

fresh block

This visualization compares San Francisco dispatch call data across five neighborhoods using a series of radar charts. Each chart isolates a single region, plotting the count of calls by type—such as Alarm, Fire, and Non-life-threatening—on axes radiating from the center, with larger shapes indicating higher frequencies. The charts are rendered as SVG using the D3.js v3 library’s radar-chart module, with custom styling applied via CSS. The static charts are generated from hardcoded CSV data, with each neighborhood assigned a distinct color to aid comparison.

CCatherine-Yu

71% match