Skip to main content
SimilarExport ZIP
100%

Project in progress

✓ Published1🌍 Public
NNTCHANG1289
Last edited Nov 3, 2018
Created on Oct 19, 2018

A choropleth-style map of the United States plots fast-food restaurant locations as colored dots, with a legend for chains like McDonald’s and Subway. Clicking a state triggers a bar chart ranking the top five chains there, while hovering highlights states and zooming pans the map. Built with d3.v5, it uses geoAlbersUsa, geoPath, and zoom for the map, and scaleLinear, scaleBand, and transitions for the animated chart. Data loads via CSV, with TopoJSON for state boundaries.

AI-generated description

The schedule this week is: Load data onto the Vizhub and plot the state map. This week I set up the map base I am going to use in the future. Also tried the tricks zooming/ spanning and hovering on the map!

MIT Licensed

Similar vizzes

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
91% 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
89% match
Loading thumbnail…

Data Visualization Project

This visualization maps fast food restaurant chains across the United States using a topojson file of U.S. states and a CSV dataset of restaurant locations. A dropdown-style color legend filters the map by chain name, while clicking any state triggers a bar chart showing the top five chains in that province. The chart uses d3.scaleBand for bars and animates transitions, with a close button to hide the chart. Map and chart visuals both leverage d3.geoPath, d3.zoom, and d3 transitions for interactivity.

NNTCHANG1289
89% match
Loading thumbnail…

Project in progress - Week x

This map shows the locations of fast food restaurants across the United States, with each restaurant colored by name and overlaid on a state boundary map. Users can pan and zoom the map, and hovering over states highlights them. The visualization uses d3.geoPath with the geoAlbersUsa projection to render states from TopoJSON data, and d3.zoom for interaction. A color legend is included to explain restaurant name colors, and the dataset comes from a CSV of FastFoodRestaurants_New.

NNTCHANG1289
86% match
Loading thumbnail…

Project in progress - WEEK 2

This example displays a map of the United States with red points marking fast food restaurant locations, overlaid on a state boundary layer. The map supports zooming and panning, and states highlight on hover. It uses D3 v5 with `d3.geoAlbersUsa` for projection, `d3.geoPath` to render TopoJSON state outlines, and `d3.zoom` for interaction. Restaurant coordinates are loaded from a CSV file and plotted as SVG circles.

NNTCHANG1289
86% 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
84% match
Loading thumbnail…

Untitled

A choropleth map of the United States visualizes state-level data from a CSV file, with each state filled according to a linear color scale (yellow to red) based on the `prem_an` attribute. The map also plots doughnut markers at state centroids, showing state abbreviations, and includes a partially commented-out section for city locations with circle sizes proportional to years lived. Built with D3 v3, the code uses `d3.geo.albersUsa()`, `d3.geo.path()`, and SVG paths rendered from GeoJSON, merging CSV attributes into the map's feature properties before binding data to the paths.

Iillus0r
76% 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
76% match