Skip to main content
100%

Gist 8393667

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

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393654

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.

Aadkatrit
71% match
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
70% match
Loading thumbnail…

Gist 207d4ca5cb9d116c81752a3c17d6c24b

This map visualizes Burkina Faso’s administrative polygons, likely distinguishing regions by color or stroke. It uses D3.js to load and render the GeoJSON features with `d3.geoPath` and a geographic projection, displaying the country’s boundaries as vector shapes. The code references a two-polygon dataset and appears suited for choropleth or boundary mapping, with the rendering handled directly via SVG or Canvas.

TThomasG77
68% 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
67% match
Loading thumbnail…

Gist 8393726

This visualization uses a GeoJSON MultiPolygon dataset (from a gist by adkatrit) to draw a series of overlapping quadrilateral regions across a world map. The polygons are defined by latitude-longitude coordinates and are rendered as flat, outlined shapes that collectively tile a large portion of the globe. The map emphasizes geometric boundaries rather than natural coastlines, with each polygon edge drawn as a straight line between corner points, creating an abstract, grid-like partition of the world. The visualization is minimal, with no additional styling or data encoding beyond the raw geographic shapes.

Aadkatrit
66% 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
66% match
Loading thumbnail…

Gist 652595e55960a8e04a29

This example visualizes the spatial relationships between metropolitan statistical areas and their constituent counties, townships, and other administrative geometries. The code first builds a combined geometry table using SQL, merging overlapping regions across multiple spatial layers while excluding special cases like Boston. It then renders these shapes using D3.js, likely leveraging `d3.geoPath` for projection and canvas or SVG drawing. The query explicitly handles hierarchical and overlapping geographies, prioritizing township-level detail where available and falling back to county unions for other areas. The final visualization shows how different government boundaries interlock within U.S. metropolitan regions, with the SQL preprocessing ensuring no duplicated or missing polygons.

CCaged
65% match
Loading thumbnail…

Gist 8393666

This visualization plots bicycle shops in Glasgow using GeoJSON data from OpenStreetMap, with point and polygon features representing shop locations and building footprints. It shows the geographic distribution of bike retailers across the city, from central shops like Billy Bilsland to suburban outlets such as Clarkston Cycle Centre. The example uses D3.js with `d3.geoPath` to render the map shapes and likely employs a geographic projection to convert latitude-longitude coordinates into screen positions. The code processes the FeatureCollection to draw each shop as a distinct visual element, highlighting the spatial clustering of cycling-related businesses.

Aadkatrit
65% match