Skip to main content
100%

Gist 8393668

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

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393708

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.

Aadkatrit
75% match
Loading thumbnail…

ICE 8 - BRAZIL - MAP

A choropleth map of Brazilian municipalities, colored by political party affiliation. The SVG renders geographic boundaries via D3 v7's geo path utilities, with each region storing its party and coordinates in SVG attributes. Hovering a region logs its IBGE code and municipality name to the console by cross-referencing a local ES6 module. The map visualizes election data through a manually configured zoom transform.

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

PIB municipios do Brasil

This map shows the gross domestic product (GDP) per capita for municipalities in Rio de Janeiro, Brazil, using a green sequential color scale. Users can click on legend ranges to filter the map and a linked scatter plot, which plots GDP per capita against estimated population. The visualization uses D3 v5 with `d3.geoMercator` and `d3.geoPath` for map projections, `d3.scaleSequential` for coloring, and a custom `colorLegend` component. The data is loaded from external files and rendered as SVG.

Ppaularl
69% 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
69% match
Loading thumbnail…

SP - BRAZIL - MAP

This choropleth map displays the municipalities of São Paulo, Brazil, colored by political party affiliation. The geographic boundaries are rendered as SVG paths using D3.js version 7, with each region’s `data-party` attribute determining its fill color. The visualization uses D3’s selection API to attach mouseover event listeners to all geographic elements, triggering a lookup in the imported `SP` dataset to log the corresponding municipality details. The map includes zoom and pan capabilities through a transformable group, and the styling applies white strokes between regions for clear separation.

FFelipe Maion
68% match
Loading thumbnail…

Brazil Map

This example displays a zoomable map of Brazil, with each state drawn as a gold polygon outlined in black that turns maroon on hover. The visualization uses D3's `geoTransverseMercator` projection with `d3.geoPath` to render geographic features, and applies a zoom behavior that transforms a group element containing the map. State names come from GeoJSON data loaded from a remote repository, with tooltips provided via appended `title` elements. The map also relies on `d3-geo-projection` for the projection and TopoJSON utilities for feature extraction.

GGogineni44
66% match
Loading thumbnail…

Gist 304bbd6a0e8104f89b3b4e365324555a

This visualization shows municipalities in the Freising district of Bavaria, Germany, rendered as polygons on a map. The author uses a simplified GeoJSON dataset derived from official BKG data and enriched with demographic and Wikipedia information. Each polygon is likely colored or styled to represent attributes such as population density or administrative classification. The map provides a clear, interactive way to explore municipal boundaries and associated metadata within the region.

TTungurahua
66% match