Skip to main content
100%

Gist 8393654

✓ Published0🌍 Public
Aadkatrit
Last edited Jan 13, 2014
Created on Jan 13, 2014

This visualization maps community benefit districts in Oakland, California, using a GeoJSON dataset. Each district is rendered as a colored polygon on a map, with labels indicating their names. The map provides a spatial overview of the districts, using hover interactions to reveal details about each district, such as contact person, establishment year, and website. The visualization is built using Leaflet and D3, with the GeoJSON file providing the district boundaries and associated metadata.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393709

This visualization displays a world map rendered from GeoJSON data using D3.js, with country polygons colored according to a categorical scale. The map focuses on named regions and includes a legend and hover interactions, allowing viewers to explore geographic boundaries and associated metadata such as country names and people listed in the properties.

Aadkatrit
73% match
Loading thumbnail…

Gist 8393667

This visualization displays a map of Birmingham neighborhoods, rendered as semi-transparent polygons over a basemap. It uses D3.js and a CartoDB tile layer to show the geographic boundaries of districts such as Thomas, Wahouma, Woodlawn, Eastwood, and Inglenook, with each neighborhood highlighted in a distinct color.

Aadkatrit
71% match
Loading thumbnail…

Gist 8393675

This visualization displays Washington, D.C. neighborhood boundaries as an interactive map, using a GeoJSON file that defines 217 polygons with quadrant and sub-hood properties. The map renders each neighborhood as a distinct shape, allowing users to explore the geographic distribution of the city’s areas. The code employs Vue.js for the application framework and integrates Leaflet for map rendering, with the GeoJSON data loaded and styled through Leaflet’s geographic path utilities. The dataset originates from The Washington Post’s compiled neighborhood boundaries, scraped and cleaned by Code for DC.

Aadkatrit
70% match
Loading thumbnail…

Gist a0301b06d20cf1fa956a64e93fe6d6a7

This visualization displays the locations of BART stations across the San Francisco Bay Area as points on a geographic map. The map uses a dark background with station markers positioned according to their latitude and longitude coordinates from the provided GeoJSON file. The code employs `d3.forceSimulation` to calculate station label placement and `d3.geoPath` to render the map geometry, while also utilizing Canvas `getImageData` to analyze pixel data for collision detection or positioning adjustments. The visualization appears as a static geographic overview rather than an interactive experience.

TTommyCoin80
70% match
Loading thumbnail…

Gist cb853c154b8bb2343561

This visualization maps Barcelona’s neighborhood demographics across multiple years, contrasting population age brackets with a family income index (where the city average equals 100). It renders each district as a choropleth, using color intensity to represent income disparities, and likely employs discrete legends for each year. The code uses D3.js for geospatial paths and data binding, with an interactive year selector to toggle between 2008 and 2009 datasets. The data originates from a CSV file, parsed and joined to the geographic boundaries for display.

QQbelil
69% match
Loading thumbnail…

Gist 57ea4f5c69eb3675c729

This map visualizes U.S. congressional districts with population data, using color to encode the total population and voting-age population for each district. The visualization employs a choropleth style, where district boundaries from the GeoJSON file are rendered as polygons and shaded according to their associated population values. The author, andrewthornton, created this gist to display the demographic distribution across districts, with hover or selection interactions likely revealing exact population numbers for each geographic area.

Aandrewthornton
69% match
Loading thumbnail…

Gist 8392781

This visualization maps lake locations across the Adirondack region using a GeoJSON FeatureCollection, plotting each named water body as a point based on its coordinates. The code uses D3.js to render the geographic data, likely with `d3.geoPath` to draw the map context and `d3.forceSimulation` to position or adjust the points. The map shows the spatial distribution of ponds and lakes, with labels revealing their names and the year 2002 as the dataset’s reference. The rendering relies on SVG paths and projected coordinates to display the terrain.

Aadkatrit
68% match
Loading thumbnail…

Gist 10676346

This map displays labeled points from a GeoJSON file, plotting locations like "Internet Archive," "China," and "New York" at their geographic coordinates. The visualization likely renders a large-scale point cloud, with overlapping labels suggesting a messy or aggregated dataset. Using a mapping library, likely D3.js with `d3.geoPath` for drawing map features and standard SVG or Canvas techniques for placing text labels, the code creates a simple geographical scatter plot. The rendering emphasizes the spatial distribution of these named places across the globe.

CCliffordAnderson
68% match