Skip to main content
SimilarExport ZIP
100%

New York Parks

✓ Published0🌍 Public
CCurran Kelleher
Last edited Mar 16, 2024
Created on Mar 16, 2024

This visualization displays the locations of New York state parks on a map, with each park represented as a point based on its latitude and longitude coordinates. The data comes from a CSV file scraped from the New York state park reservation website, processed using the `xml2js` library and formatted with `d3-dsv`'s `csvFormat`. The map distinguishes between camping and day-use facilities, allowing viewers to see the geographic distribution and types of parks across the state.

AI-generated description

Data on New York park locations and metadata, scraped from https://newyorkstateparks.reserveamerica.com/unifSearchResults.do on March 16, 2024.

MIT Licensed

Similar vizzes

Loading thumbnail…

New York Parks

This visualization displays the first record from a CSV file containing New York State parks data, showing its fields like park name, coordinates, facility type, and photo path. The code loads the data using an import statement, then converts the first data object to a formatted JSON string with `JSON.stringify`. The resulting JSON is rendered inside a scrollable container, with the text size determined by a `fontSize` variable. The visualization serves as a simple data inspection tool, presenting the structure of the dataset in a readable format.

CCurran Kelleher
85% match
Loading thumbnail…

Gist e5accfd5c404e44ded12

This example maps the locations of parks from a CSV of city park attributes, encoding facility types with colored dots overlaid on a blank canvas. The visualization reads latitude/longitude coordinates from the data and uses a custom projection to plot each park, with legend markers indicating amenities like playgrounds or beaches. It relies on the D3 library for CSV parsing and SVG element creation, while the rendering itself is driven by plain JavaScript loops rather than a dedicated geographic mapping API.

11pixelzz
71% match
Loading thumbnail…

US National Parks

This visualization displays the locations of US National Parks as glowing dots across a dark map of the United States. It uses the Albers USA projection from `d3.geoAlbersUsa` and renders map features with `d3.geoPath`. Park coordinates are loaded from a CSV file, and each park appears as a small, semi-transparent circle. The map outline and graticule are drawn using `d3.geoGraticule`, while state boundaries come from a TopoJSON file fetched from the `us-atlas` package. The visualization is built with D3.js version 7 and TopoJSON for geographic data processing.

VVansh Patel
68% match
Loading thumbnail…

City Park Acreage

This visualization displays the total acreage of city parks as a horizontal bar chart, with each park's name labeled to the left and the bar length scaled proportionally to its area. Sorted in descending order by acreage, the chart uses data from a CSV file containing park attributes and locations. Built with D3.js (v3), it maps the data to SVG rectangles and text elements via `d3.csv` and `d3.selectAll`, while the numeric sort relies on `d3.descending` with unary plus operators to convert string values to numbers.

11pixelzz
67% match
Loading thumbnail…

New York Map

This map of New York census tracts uses a green sequential color scale to show the concentration of white residents per tract, with darker greens indicating higher counts. The visualization fetches census tract boundaries as TopoJSON and demographic data from the American Community Survey API, then joins them by tract ID. The code uses d3.geoPath to render the SVG paths and d3.scaleSequential with interpolateGreens for color encoding, while d3.zoom enables interactive panning and zooming of the map.

AAnnie Ulichney
67% match
Loading thumbnail…

NY State Budget

This example visualizes New York State’s categorical aid budgets for Housing and Parks, Recreation, and Cultural Activities from 1980 to 2013 using two overlapping filled area charts rendered with SVG. The housing series appears in light blue, while the recreation series is drawn in semi-transparent black, allowing for visual comparison of budget fluctuations over time. The chart is generated with d3.v3, using time-scaled x-axis and linear y-axis, with tooltips omitted but hover styling prepared on circles. The design emphasizes trends and contrasts between the two funding categories across the 34-year span.

JJournathan
66% match
Loading thumbnail…

New York Census Tracts

A map of New York State census tracts appears in gray, with orange highlighting on hover and dark borders outlining each tract. The visualization uses D3.js (v3) with TopoJSON to load and project geographic data from `ny.json`, and `d3.geo.path()` converts the topology features into SVG paths. The data is filtered to exclude water counties, and tract IDs are displayed as tooltips.

Mmbostock
66% match
Loading thumbnail…

NYS Map

This visualization displays a map of New York State’s counties, rendered as an SVG using React and D3. The code employs `d3.geoAlbersUsa` for projection, `d3.geoPath` for drawing, and TopoJSON to parse the county boundaries from a remote gist. County outlines are shown in white with black strokes, while interstate borders are hidden with no stroke. The map is static and loads asynchronously via `d3.json`, displaying a loading message until the data is ready.

Llupica.matthew@gmail.com
65% match