Hikers

100%

✓ Published0🌍 Public

Last edited Apr 23, 2020

Created on Apr 23, 2020

Forked from Untitled

This example displays a topographic map of hiking trails, trailheads, and open spaces near Los Angeles using ArcGIS API 4.15 with a MapView. It visualizes trails as purple lines scaled by elevation gain via visual variables, and overlays bike-friendly trails with a dashed renderer. Trailheads use picture-marker symbols with labels, while parks appear as semi-transparent colored polygons categorized by type. Data comes from ArcGIS FeatureServer layers, rendered client-side with FeatureLayer classes and custom renderers.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Find Hiking Trails

This animated map highlights hiking trails across a landscape, with labeled waypoints and a pulsing marker guiding viewers through the route. Built with Mapbox GL JS, the visualization layers GeoJSON trail data over an interactive map, using animated iconography to denote trailheads and key points of interest.

WWill Carter

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

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

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

63% match

Loading thumbnail…

Colorado Hikes - Summer 2019

This map visualization displays hiking routes across Colorado from the summer of 2019, with each trail rendered as an orange polyline over a dark Mapbox basemap. It uses the Mapbox GL JS library to load GeoJSON data from a remote server and display the trail geometries as line layers. Hovering over a route triggers a popup that shows the hike’s name, date, and description, while the cursor changes to indicate interactivity. The map centers on the state’s central mountain region, allowing users to explore the spatial distribution of the recorded hikes.

WWill Carter

63% match

Loading thumbnail…

Los Angeles Heat Islands and Covid

This visualization displays a world map with country boundaries, rendered using SVG and a Natural Earth projection. It highlights the geographic context for a study of Los Angeles heat islands and Covid, though the map itself focuses on global landmasses and graticule lines. The code uses d3.geoPath and d3.geoNaturalEarth1 for projection and path generation, with topojson to parse world-atlas data for country features and interior boundaries. Styling is applied via CSS classes, with landmasses filled in teal and graticules in light gray.

MMatthew Talty Colvard

61% match

Loading thumbnail…

California Map

This example renders a map of California using D3.js and TopoJSON data from the US Atlas. The code loads the states-10m.json file, filters the TopoJSON to extract the California geometry, and applies a d3.geoAlbersUsa projection fit to the state’s bounds. A d3.geoPath generator then draws the resulting SVG path element, displaying the state’s outline at a 960×500 resolution. The visualization demonstrates importing D3 via UNPKG and using topojson-client to convert geographic features.

Aaniteshterala2000

61% match

Loading thumbnail…

Los Angeles Exp

A choropleth map of Los Angeles County shows COVID-19 death rates by neighborhood, with gray indicating missing data. Built with React and D3 v5, it uses `geoEquirectangular` projection and `geoPath` to render TopoJSON boundaries alongside CSV data from County of LA eGIS. A threshold color scale maps death rates to a blue sequential scheme, while mouse hover events trigger neighborhood details, demonstrating layered data integration in an SVG.

MMatthew Talty Colvard

60% match