FINAL PROJECT 04/26

100%

FINAL PROJECT 04/26

✓ Published0🌍 Public

Last edited Apr 26, 2017

Created on Apr 26, 2017

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.

AI-generated description

Similar vizzes

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

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

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

87% match

Loading thumbnail…

Class 10

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.

AAnaMal08

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

76% match

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

75% match

Loading thumbnail…

Gist 3479d944f561ed81b080d524d9c0a80b

This visualization maps hiking trails fetched from the Hiking Project API, with each trail positioned according to dynamic geographic coordinates passed to the API. The code builds a network-style graph where nodes represent trails, linked by proximity or shared attributes, using D3.js’s force simulation for layout. The rendering relies on `d3.forceSimulation` to compute node positions, while trail data is loaded asynchronously via HTTP requests and parsed from JSON. The display emphasizes spatial relationships between trails, with the simulation running in real time to reveal clusters and connections based on the fetched coordinates.

WWill Carter

74% match

Loading thumbnail…

Final Project Map

This interactive map visualizes population density across Maryland census tracts and counties, with a draggable circle marker highlighting Rockville. Using D3 v4 and TopoJSON, the code employs a conic conformal projection (`d3.geoConicConformal`) and `d3.geoPath` to render tract boundaries colored via `d3.scaleThreshold` and the `d3.schemeOrRd` color scheme. County outlines are merged from tract geometries, while mouse position is converted to geographic coordinates using `projection.invert`. The map includes a tooltip div and an info readout for cursor location.

MMTClass

70% match