Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Ssowbalas
Last edited Feb 23, 2020
Created on Feb 23, 2020
Forked from Untitled

This visualization shows the locations of soda franchises in four U.S. states—Arizona, Idaho, Nevada, and Utah—with an interactive slider that filters which stores appear based on their opening year. It uses d3.geoAlbersUsa projection with d3.geoPath to render state boundaries from GeoJSON, and appends SVG circles for each store, colored by company (Swig 'n Sweets, FiiZ, or Sodalicious). A range input controls year filtering, with d3's data join handling enter and exit transitions for the circles.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization shows the growth of soda franchise locations across four western U.S. states—Arizona, Idaho, Nevada, and Utah—over time, with each store colored by its parent company (yellow for Swig 'n Sweets, blue for FiiZ, red for Sodalicious). A range slider filters the map to display stores opened up to a selected year. The code uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from TopoJSON, and dynamically joins circles representing store locations from the CSV data into an SVG using D3’s data join and exit selection.

Ssowbalas
96% match
Loading thumbnail…

Untitled

This example presents an interactive map of the United States using d3.geo.path with an Albers USA projection, rendering state boundaries as SVG paths. Clicking a state triggers a smooth zoom animation that scales and translates the map to center on the selected region, highlighting it in orange. The map is constructed from topojson.feature and include a mesh overlay for state borders. The zoom effect is achieved by transitioning the group element's transform attribute using d3.transition over 750 milliseconds.

Ppcsong33
74% match
Loading thumbnail…

Data Visualization Project

This interactive visualization maps the locations of major fast food restaurant chains across the United States, with each dot colored by brand. Clicking a state zooms the map and displays a bar chart ranking the top five chains in that state by count, while a color legend filters the map by selected brand. The project uses D3 v5 with `geoAlbersUsa` and `geoPath` for the map, `scaleBand` and `scaleLinear` for the bar chart, and animated transitions for chart updates. Data comes from a CSV of fast food restaurant locations loaded via `d3.csv`, with U.S. state boundaries from a TopoJSON file.

NNTCHANG1289
74% match
Loading thumbnail…

Untitled

This interactive map of the United States uses a D3.js geographic projection to display state boundaries, rendered as SVG paths from TopoJSON data. Clicking a state zooms in via a smooth `transition` that adjusts the group’s scale and translate attributes, while the clicked state is highlighted in orange. A click on the background resets the view, returning the map to its original scale and stroke width. The example relies on `d3.geo.albersUsa`, `d3.geo.path`, and TopoJSON’s `feature` and `mesh` methods.

CChase Hall
74% match
Loading thumbnail…

Untitled

This example shows a choropleth map of the United States, with states colored by whether the author has lived in, visited, or never visited them. Overlaid circles mark cities where the author has resided, with circle size scaled by years spent there. Hovering a circle reveals a tooltip with the city name. The visualization is built with D3 v3, using `d3.geo.albersUsa` and `d3.geo.path` to render GeoJSON state boundaries, while a linear color scale and SVG circles encode the categorical and quantitative data.

KKhushwant Rai
74% match
Loading thumbnail…

Untitled

An interactive choropleth of US states allows users to click a state to zoom in and highlight its boundaries, with the map rendered via d3.geo.path and TopoJSON. Wildfire data is loaded from a CSV, though the visualization primarily shows state selection and zoom animation using React state management. The albersUsa projection scales and translates to focus on selected regions, with transitions animating the zoom effect.

AAndrey Getmanov
73% match
Loading thumbnail…

Data Visualization Project

This interactive visualization maps the locations of fast food restaurant chains across the United States, using a geographic projection with `d3.geoAlbersUsa`, `d3.geoPath`, and `d3.zoom` to pan and zoom. Clicking a state or a color legend item filters and animates a bar chart showing the top five chains in that region, built with `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisLeft`. Points and bars are rendered as SVG elements with smooth `transition()` animations, while a clickable "close chart" button toggles the chart’s visibility.

NNTCHANG1289
73% match
Loading thumbnail…

Project in progress

This example shows a geographic map of the contiguous United States with red dots representing fast food restaurant locations, filtered to include only coordinates within the lower 48 states and Hawaii. The map is rendered using SVG with the d3.geoAlbersUsa projection and d3.geoPath, while restaurant data is loaded from a CSV file and plotted as circles. The visualization supports zooming and panning through d3.zoom, and states change color on hover via CSS.

Jjons288
73% match