Skip to main content
SimilarExport ZIP
100%

HarrisCounty_Watersheds_poly.geojson

✓ Published0🌍 Public
JJustinGOSSES
Last edited Jan 31, 2018
Created on Jan 31, 2018

This example shows Harris County watershed boundaries as polygon features on a map. The visualization loads GeoJSON data containing watershed names and geometry, then renders the polygons using D3.js to draw the geographic shapes. The code specifies coordinates in the CRS84 projection and handles the full FeatureCollection structure, displaying each watershed polygon based on the coordinate data provided in the file. The rendering relies on D3's geo projection and path generation functions to transform the latitude and longitude coordinates into visible map areas.

AI-generated description

Similar vizzes

Loading thumbnail…

see readme.md at https://github.com/JustinGOSSES/Harvey_FEMA-HCAD_merged Hurrican Harvey modeled damage dataset, not final

This map visualizes modeled hurricane Harvey flood damage across residential properties in Katy, Texas, using FEMA and HCAD data. Each point is a parcel, colored by its estimated inundation depth (`IN_DEPTH`) and labeled with a damage level (`DMG_LEVEL`). The visualization renders GeoJSON features using `d3.geoPath` and `d3.forceSimulation` to lay out non-overlapping points over a geographic backdrop, with point colors and sizes driven by property values like land use and total appraised worth. The underlying data source includes Fort Bend and Harris County geocoded parcel records.

JJustinGOSSES
65% match
Loading thumbnail…

Gist d8085662349426513b73

This map visualizes a geospatial polygon from a GeoJSON file, outlining a specific land parcel or boundary area with high coordinate precision. The shape is rendered as a MultiPolygon, with vertices tracing a detailed, irregular perimeter typical of cadastral or survey data. The minimal, line-only representation emphasizes the geometry’s raw form, highlighting the boundary’s complexity and the spatial distribution of the region without additional contextual layers. The visualization focuses on the raw geographic footprint, making the coordinate data the primary visual element.

DDylanFM
65% match
Loading thumbnail…

Gist 1a7ae0708d7a8ee9e113f13654d39a4e

This example visualizes a single geographic polygon representing an outline near Denver, Colorado, derived from a GeoJSON FeatureCollection. It shows the shape’s boundary as a closed loop, with coordinates defining a series of vertices that trace an irregular, elongated region. The rendering relies on a mapping library that processes GeoJSON data, likely using `d3.geoPath` to project the polygon onto a canvas or SVG, while the precise coordinate pairs (longitude and latitude) suggest the use of a geographic projection. The source gist provides the raw GeoJSON, and the visualization emphasizes the polygon’s spatial extent without additional layers or interaction.

WWill Carter
64% match
Loading thumbnail…

Gist f18adc0d5e8f2f124288

This visualization combines a GeoJSON geometry collection with a thematic map overlay, using a base point at coordinates (152.5169, -29.8064) and multiple detailed polygon outlines. The polygons appear to trace irregular regions or clusters, likely representing geographic areas or boundaries, while the point marks a specific location. The rendering emphasizes spatial relationships and distributions through geometric shapes, suggesting a geospatial analysis or mapping of regional data.

DDylanFM
64% match
Loading thumbnail…

us2.json

This example displays county boundaries from the US Census Bureau using a TopoJSON file. It renders the geometries onto an SVG or Canvas element with the D3.js library, employing `d3.geoPath` to project and draw the polygons. The visualization is interactive, allowing users to pan and zoom across the map. The code initializes a map projection and fits the path generator to the geographic extent defined in the TopoJSON metadata.

JJn1532
64% match
Loading thumbnail…

[Working with spatial data](https://github.com/enjalot/wwsd)

This example demonstrates how to render geospatial data on a map using D3.js projections. The visualization displays world country boundaries loaded from a GeoJSON file, with the map centered using an azimuthal equidistant projection. The code uses d3.geo.path() to project and draw the geographic features onto an SVG canvas. It defines both a Mercator and an azimuthal equidistant projection, ultimately selecting the latter with a clip angle and rotation to create a polar view. The data comes from an external GeoJSON source hosted online.

KKristinHenry
64% match
Loading thumbnail…

Gist 85a75203bb9327d5704c

This example visualizes a single blue polygon with a semi-transparent fill and a bold outline, rendered from GeoJSON coordinate data. The visualization relies on a custom rendering approach, likely using d3.geoPath to project and draw the polygon onto an SVG or canvas element. The code applies explicit styling properties—fill, fill-opacity, and stroke-width—directly from the feature’s style object, demonstrating how geographic features can be styled programmatically. The rendering is static, with no animation or interaction, and the polygon’s vertices span longitude and latitude values to illustrate basic map-projection output.

CCliffordAnderson
64% match
Loading thumbnail…

colored-data.geojson

A choropleth-style map displays a small set of U.S. counties colored with a categorical palette. The visualization loads a GeoJSON FeatureCollection, where each county polygon includes a `fill` property defining its color. The code uses `d3.geoPath` to project and render the geographic shapes as SVG paths, assigning each county its designated fill color. It relies on the D3 library to handle the GeoJSON parsing and path generation.

JJn1532
63% match