Skip to main content
SimilarExport ZIP
100%

PIB municipios do Brasil

✓ Published1🌍 Public
Ppaularl
Last edited Jan 31, 2020
Created on Jan 28, 2020
Forked from HTML Starter

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.

AI-generated description

A map with the pib per capth for RJ cities. Still missing legends.

MIT Licensed

Similar vizzes

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
63% 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
63% 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
62% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes GDP per capita (PPP, current international $) for 2020 across countries, using a sequential YlGnBu color scale to encode economic output. The map renders with d3.geoNaturalEarth1 and d3.geoPath, while d3.scaleQuantile assigns colors from d3-scale-chromatic’s schemeYlGnBu. Data comes from a World Bank CSV parsed with d3.csvParse, and country boundaries use topojson-client on a world atlas. Gray fills indicate missing GDP values for a given country.

CCurran Kelleher
61% 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
61% match
Loading thumbnail…

World Map

This interactive choropleth map displays GDP per capita (PPP, current international dollars) for 2020 across world countries, using a yellow-green-blue sequential color scale with missing data filled in green. The visualization fetches topojson country outlines and a CSV dataset, then renders them using d3.geoNaturalEarth1 projection and d3.geoPath. Color encoding relies on d3.scaleQuantile with d3.schemeYlGnBu, while country boundaries are joined via d3.selectAll and Promise.all handles asynchronous data loading. The map also draws graticule lines and an outline for geographic context.

LLakshmipriya-kalapala
60% match
Loading thumbnail…

Area Chart

This area chart displays the population of Brazil over time, covering data from 2010 with projections through 2044. The visualization uses an orange filled area to represent the total population against axes for year and population count. The code builds the chart with D3 v5, using `scaleTime` and `scaleLinear` for scales, the `area` generator for the shape, and `axisBottom` and `axisLeft` for the axes, which include customized tick formatting. The data comes from a CSV file with Brazilian demographic statistics.

Ccarlos157oliveira
60% 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
59% match