Class 10

100%

✓ Published0🌍 Public

Last edited May 9, 2017

Created on May 9, 2017

This interactive map of Washington, D.C., overlays bike-sharing stations, hiking trails, and points of interest onto a zoomable Mercator projection. Users can hover over red station markers or green trail paths to see tooltips with addresses, bike counts, or trail lengths. Built with D3 v4, the example uses `d3.geoMercator` and `d3.geoPath` to render geographic features, while `d3.zoom` and `d3.tile` provide a smoothly scaling tile-based view. Data is loaded from three remote JSON files hosted on GitHub, and the interface supports mouse-based panning and zooming.

AI-generated description

Similar vizzes

Loading thumbnail…

Class 10

A data-visualization example titled “Discovering D.C. by Bike” shows bike-sharing stations, bike trails, and tourist attractions across Washington, D.C., on an interactive zoomable map. It uses d3-geo with a Mercator projection and d3-tile for the basemap, while d3-zoom enables pan and zoom with tile scaling. Hovering over markers reveals tooltips, and a legend explains the symbols. The code loads three GeoJSON datasets from GitHub and renders all elements as SVG with animation support, using d3.v4 and d3-legend for the color legend.

AAnaMal08

92% match

Loading thumbnail…

basemap

This example displays a zoomable map of Washington, D.C., with a red trail and bike station data overlaid on OpenStreetMap tiles. It uses d3.zoom and d3.tile to handle panning and zooming, while d3.geoMercator and d3.geoPath render the vector overlay from a TopoJSON trail file. The map loads earthquake and bike-share data from external JSON sources, with tiles dynamically fetched during zoom events.

AAnaMal08

85% match

Loading thumbnail…

Class 10

This interactive map lets users pan and zoom across the United States, with a red outline showing county boundaries overlaid on OpenStreetMap tiles. A yellow draggable circle marks Washington, DC, and when moved, it displays the name of the state containing the current point in a tooltip. The visualization uses d3-tile for raster tiles, d3.geoMercator and d3.geoPath for projections and vector rendering, topojson for county mesh data, and d3.zoom and d3.drag for interaction.

AAnaMal08

84% match

Loading thumbnail…

final stations2

This example shows a map of bike-share stations and trail paths in the Washington, D.C. area, with trails rendered in crimson and stations as points. It uses a conic conformal projection via `d3.geoPath` and `projection.fitSize` to center the view, while topojson and d3.json load the trail and station data. The code applies `d3.queue` for asynchronous loading and adds mouseover highlighting to trails, though station interactions are not implemented. The visualization relies on d3.v4, d3-tile, and topojson.v1, with SVG rendering.

AAnaMal08

83% match

Loading thumbnail…

final project/ stations

A geographic visualization of bike trails and stations in Washington, D.C. uses a conic conformal projection via `d3.geoConicConformal` and renders trail and station data as SVG paths with `d3.geoPath`. The trail GeoJSON is loaded from a GitHub repository, and station features are appended as points from a local JSON file. Trails highlight crimson on mouseover, with station paths sharing the same fill, while the projection is scaled and translated with `fitSize` to match the 960x500 canvas.

AAnaMal08

82% match

Loading thumbnail…

FINAL PROJECT 04/26

This visualization maps hiking and biking trails in the Washington, D.C. area using a conic conformal projection. It renders trail paths in crimson and bike station locations as blue points, with trails highlighted on mouseover. The code uses d3.geoPath, d3.geoConicConformal, and d3-tile, loading trail data as TopoJSON and station data as GeoJSON from remote sources.

AAnaMal08

80% match

Loading thumbnail…

Class 10

This interactive map displays U.S. counties with a yellow draggable marker representing Washington, D.C. Users can reposition the marker to see which state it lands in, with a tooltip revealing the state’s name. The visualization uses d3.tile and d3.geoMercator with OpenStreetMap raster tiles, d3.geoPath for county outlines, and d3.drag for marker interaction. County data comes from a TopoJSON file, while earthquake data is loaded from USGS GeoJSON.

AAnaMal08

80% match

Loading thumbnail…

with trails

This example visualizes hiking trail paths overlaid on a geographic projection of the Washington, D.C. area. It uses a conic conformal projection with custom parallels and rotation, fitting the trails to a 960×500 SVG canvas via `projection.fitSize`. Trail data is loaded from a TopoJSON file and converted to GeoJSON using `topojson.feature`, then rendered as crimson, unfilled SVG paths with `d3.geoPath` and `d3.json` for asynchronous loading.

AAnaMal08

75% match