fresh block

100%

✓ Published0🌍 Public

Last edited Mar 16, 2017

Created on Mar 16, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example visualizes a map of the United States using the D3.js library and a TopoJSON dataset of state boundaries. The visualization renders the geographic outlines of U.S. states from the USA.json TopoJSON file, using the d3.geomap plugin to project and display the map. The page is styled full-screen with an SVG element that fills the viewport. The key visual encoding is the use of state polygons with names and IDs, which enables interactive selection and highlighting of individual states, though no interaction code is included in this basic setup. The design is minimal, focusing on the clean presentation of state shapes in a neutral white background.

CCurran Kelleher

79% 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

77% match

Loading thumbnail…

fresh block

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.

GGregory-Howard

74% match

Loading thumbnail…

Map

This map displays the 50 states of the USA, using a purple fill for each state with black borders and a hover effect that turns states pink. It renders geographic data with `d3.geoPath` and the `geoAlbersUsaTerritories` projection, processing TopoJSON from the `us-atlas` package. The visualization is built with React and D3 v5, using `useData` to fetch and transform the data, and renders as an SVG via the `Marks` component.

KKusumaKumariDama@my.unt.edu

74% 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

74% match

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

74% match

Loading thumbnail…

state testing

This example displays a map of the United States with each state rendered as a tan SVG path with grey borders on a blue ocean background. The visualization loads US Atlas TopoJSON data and converts it to GeoJSON features using `topojson.feature`, then projects the coordinates with `d3.geoAlbersUsa` and `d3.geoPath` within a React component. Hovering a state changes its fill color to dark green. The code references commented-out scales and data joins for potential color mapping, though the active version only renders the base geography.

Hhunsingeruk@gmail.com

74% match

Loading thumbnail…

Gist 6b64443aba2850cb55742070acbbd681

A choropleth-style map of U.S. states rendered with D3 v4, using the `d3.geoAlbersUsa` projection and `d3.geoPath` to draw each state's boundaries from the included `us-states.json` GeoJSON data. The SVG canvas is fixed at 700 by 580 pixels. No additional styling or interactivity is applied; the visualization simply displays the unadorned state outlines.

RRemiFaure

74% match