Skip to main content
100%

Gist 8393708

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

This visualization maps parks and public squares in Recife, Brazil, using a GeoJSON file containing polygon geometries for green areas and plazas. The map displays spatial distribution of urban open spaces, with features categorized by type (AREA VERDE or PRAÇA) and labeled by official names where available. The visualization is rendered as an interactive geographic map, likely using Leaflet or a similar library, allowing users to explore the city's green infrastructure and its distribution across neighborhoods such as Santo Amaro and Parnamirim.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393668

A map of Brazilian municipalities displays the number of audit findings ("constatações") as a choropleth overlay on a geographic projection. The visualization uses a GeoJSON file with city-level point coordinates and property data, rendered with D3's `d3.geoPath` and a geographic projection. Points are plotted with `d3.forceSimulation` to adjust label positions, while the map itself is drawn using Canvas `getImageData` for pixel-based coloring. The color intensity reflects the total findings per city, with tooltips revealing breakdowns by issue type such as "falta de prestacao de contas" or "despesa irregular." The underlying data comes from a gist containing the GeoJSON file.

Aadkatrit
75% match
Loading thumbnail…

Brazil

This visualization displays a map of Brazil drawn from a TopoJSON file containing geographic subunits. The map is rendered as an SVG using D3.js version 3, with the country's border and internal regions defined by MultiPolygon geometries and arcs. The example demonstrates how to load and parse TopoJSON data, project it, and render it as an interactive SVG map. The minimalist presentation focuses on the shape of Brazil, with no additional data encodings or visual variables—the map is likely shown in a single color or simple fill to highlight the geographic boundary. It serves as a basic template for displaying TopoJSON-based maps with D3.

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

Gist 8393697

This map of the Dominican Republic displays municipality-level polygons from a GeoJSON file, with each region tagged with an embedded base64 PNG image. The visualization uses a tiled layout where map areas are overlaid with their associated raster thumbnails, and clicking a region (such as Azua de Compostela) triggers display of its corresponding image. The code loads the GeoJSON geometry and properties, draws the administrative boundaries, and renders the image data stored in each feature’s “image” field, combining spatial geography with small embedded pictures for a mixed map-and-image gallery.

Aadkatrit
66% match
Loading thumbnail…

Gist 8393714

This visualization displays a set of GeoJSON polygon features—irregular, detailed land-boundary shapes—plotted as an interactive geographic map. The polygon coordinates, which trace long, meandering outlines around the 50.6°N latitude band, are rendered as a filled region, likely using a mapping library to project the coordinates. The example appears to focus on showing raw GeoJSON geometry on a map, with the single polygon standing out against the base map, and could serve as a template for viewing or testing geographic data.

Aadkatrit
65% match
Loading thumbnail…

Portland parks

The visualization displays the geographic boundaries of parks throughout Portland, Oregon, using a TopoJSON file that encodes each park as a polygon or multipolygon. It renders these shapes on a map-like canvas, showing the distribution and relative sizes of green spaces across the city. The implementation uses D3’s `d3.geoPath` to project and draw the topology, with the data sourced from a gist by Caged. The scene relies on D3’s geographic projection and path generation to convert the TopoJSON arcs into visible, filled polygons.

CCaged
65% match
Loading thumbnail…

Untitled

An interactive choropleth map of Florianópolis, Brazil, displays neighborhood-level socioeconomic indicators. A dropdown menu allows users to switch between datasets, including employment rates, education levels, and business metrics. Hovering over a neighborhood reveals its name and the selected value in a tooltip. The visualization is built with React, using D3 for map projection and SVG rendering, with data loaded from a GeoJSON file.

HHenrique Reichert
64% 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
64% match