Fork of Fork of State Zoom

Fork of Fork of State Zoom - sham

This interactive map of the United States lets users click on individual states to zoom in and explore them. The visualization highlights specific states like Colorado, California, and New York in green, and clicking Colorado triggers a transition that enlarges a pre-existing Denver map element. It renders geographic boundaries using d3.geoPath with TopoJSON data, while a CSV of Denver Airbnb listings is loaded to populate the city-level map. The code uses d3.v3’s geo projection, topojson.feature, and transition methods to animate the zoom effect.

90% match

Fork of Fork of State Zoom

This interactive map displays US states as clickable regions. Clicking a state smoothly zooms and centers the map on that state, highlighting it in orange, while Colorado is always shown in green. The visualization uses d3.geo.albersUsa projection, topojson for state geometries, React for the interface, and SVG with CSS transitions for animation.

85% match

Fork of State Zoom

This interactive map of the United States allows users to click on individual states to zoom in, using the Albers USA projection via `d3.geo.albersUsa()` and rendering state boundaries as SVG paths from TopoJSON data. Clicking a state triggers an animated transition that scales and translates the view, while toggling an “active” state class; clicking Colorado, identified by its ID, removes the entire SVG as a special case. The map distinguishes certain states with a green color, and uses `d3.json()` to load geographic data.

83% match

Fork of AirBNB Price Prediction TEST

This example displays a choropleth of U.S. states, with select states colored green to indicate AirBNB price predictions. Clicking a state triggers a zoom animation via `d3.geo.path` and a `transition.attr` transform, revealing a second SVG map of Denver neighborhoods with listing data from a CSV file. The visualization uses TopoJSON for state boundaries and GeoJSON for the city map, rendered with SVG paths.

82% match

Fork of Fork of AirBNB Price Prediction Latest Draft

This visualization presents an interactive United States map highlighting states with AirBNB price predictions in green, alongside a secondary map for Denver neighborhood listings. Users can hover over states to view names and prediction availability, and click to zoom into city-level data. Built with D3.js v3, the implementation uses `d3.geo.albersUsa` projections, `d3.geo.path`, and `d3.behavior.zoom` for map interactions. It loads TopoJSON state boundaries and GeoJSON neighborhood data, with CSV listing prices overlaid on the Denver map. The interface includes tooltips and a return button for navigating between map views.

82% match

Fork of Fork of Fork of AirBNB Price Prediction sandbox - sham

This interactive map visualizes AirBNB price prediction data across U.S. states, with Colorado, California, and New York highlighted in green to indicate available predictions. Clicking a highlighted state triggers a zoom transition using `d3.geo.path` with an Albers USA projection, and selecting Colorado replaces the map with a detailed Denver neighborhood map rendered via `d3.geo.mercator`. The visualization uses `d3.json` to load TopoJSON state boundaries and GeoJSON city data, alongside a CSV of Denver listings and predictions. The code includes placeholder logic for return navigation and tooltip features that remain unimplemented.

79% match

Fork of Fork of AirBNB Price Prediction TEST - sham

This interactive D3.js map visualizes AirBNB pricing predictions across U.S. states, highlighting Colorado, California, and New York in green as special regions. Clicking a state triggers a zoom animation using `d3.geo.albersUsa()` and `d3.geo.path()`, while clicking Colorado replaces the map with a Denver neighborhood visualization using `d3.geo.mercator()`. The SVG rendering displays city listings overlaid on the neighborhood boundaries, sourced from local GeoJSON and CSV files. The transition between state and city maps is animated via `d3.transition()` with a duration of 750ms, though pending features include tooltips and color-coded pricing markers.

78% match

bnb Test

This visualization shows a choropleth-style map of U.S. states, with three states highlighted in green to indicate the availability of AirBNB pricing predictions. Clicking a highlighted state triggers a zoom transition using D3’s `d3.geo.path` and `transition.attr`; selecting Colorado also logs data to the console. The map uses TopoJSON state boundaries from a remote gist, while listing data is loaded from a CSV file, though no city-level popups are yet implemented. The SVG rendering employs `d3.geo.albersUsa` projection and D3 v3 event handlers.