FMI Census Analysis

100%

FMI Census Analysis

✓ Published0🌍 Public

Last edited Feb 24, 2016

Created on Feb 24, 2016

Using D3 v3 with the Datamaps library, this visualization displays a choropleth map of Portugal focused on the national census data. The map is rendered with a mercator projection centered on the country, with scale and translation configured for the container’s dimensions. It loads geospatial boundaries from a TopoJSON file via Datamaps’ `dataJson` option, while the custom `setProjection` function defines the map geometry. The visualization emphasizes geographic analysis rather than interactive features, presenting Portugal’s census-related information in a static, geographically organized format.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

FMI Census Analysis

This example displays a choropleth map of Portugal using the Datamaps library, with a Mercator projection centered on the country. It renders census data as color-coded geography within a fixed 300×600 pixel container, using the `datamaps.prt.js` module for country-specific boundaries. The map loads topojson data from `prt.json` and relies on D3.js v3 for its underlying projection and path generation via `d3.geo.mercator()` and `d3.geo.path()`. The visualization focuses on geographic distribution rather than interactive features, presenting the data as a static regional overview.

MMatteoTomassetti

92% match

Loading thumbnail…

Assign data from csv to a canvas map

A choropleth map of the Portuguese island of La Palma colors municipalities by unemployment rate, with values assigned from a CSV file via their common ID codes. The visualization overlays land-use polygons and road networks from a TopoJSON file onto the unemployment data. Using D3.js, it renders directly to a Canvas with `d3.geoPath` and `.context(context)`, applying a threshold color scale to the unemployment percentages. The code combines `d3.queue` for deferred loading of the JSON and CSV, and `topojson.feature` to extract map geometries before drawing each layer.

LLuisSevillano

71% match

Loading thumbnail…

Fork of Polished World Map

A choropleth of Portugal’s administrative districts renders each region as a filled path using a Mercator projection via d3.geoPath and d3.geoMercator. District boundaries come from a TopoJSON file, with shared borders stroked as “interiors” using topojson.mesh. React components manage the SVG markup, while d3.zoom enables interactive pan and zoom on the map. Distinct teal fills and hover highlighting separate land from graticules.

Ddanibras

70% match

Loading thumbnail…

Spanish municipalities choropleth test with Canvas and preprojected TopoJSON

A choropleth map of Spanish municipalities colors each region by population density using a threshold color scale. The visualization renders on a Canvas via `d3.geoPath`, reading preprojected TopoJSON geometry and joining it to CSV population data by municipality ID. A national border is stroked afterward for context. The map uses a forked `d3-geo-projection` pipeline to streamline drawing performance.

LLuisSevillano

69% match

Loading thumbnail…

d3-composite-projections test

This example demonstrates an interactive map of Spain’s autonomous regions using the d3-composite-projections library to combine separate projections into a single visualization. It loads preprojected TopoJSON data from the es-atlas package and renders boundaries with `d3.geoPath`, while a dashed brown overlay marks the composite projection’s internal borders. As the user moves the mouse, the code uses `projection.invert` to display geographic coordinates and appends fading circles at each cursor position, using SVG transitions to shrink them. Points outside the valid projection area trigger an error message instead of drawing.

LLuisSevillano

68% match

Loading thumbnail…

Data Viz Project

This example shows a choropleth world map colored by estimated population, sourced from World Atlas data loaded via `d3.json` and `d3.tsv`. A linear color scale maps population values from blue to dark blue, while hovering highlights individual countries. The map is rendered with `d3.geoMercator` and `d3.geoPath`, using TopoJSON features converted with the `feature` function, and the visualization updates responsively to the window size.

LLauren

67% match

Loading thumbnail…

testProjet

This visualization displays a choropleth map of European countries colored by their motor vehicle statistics over time. The code loads geographic boundaries from `eurotopo.json` and motor vehicle data from `type_of_motor_cars.csv`, then uses `d3.geo.conicConformalEurope` projection with `d3.geo.path` to render the map. The interface includes a tooltip for displaying values, suggesting interactive exploration of population and vehicle counts across different European regions and years.

MMarineRu

67% match

Loading thumbnail…

Fork of Let's make a map with D3.js!

This choropleth map of Spain overlays bubble markers on each province to compare COVID-19 cases and vaccination rates. Circle size encodes case counts via `d3.scaleSqrt`, while fill color uses `d3.scaleSequential` with `d3.interpolateRdYlBu` for vaccination percentages. The map is rendered with `d3.geoMercator` and `d3.geoPath` from TopoJSON data, with interactive tooltips and legend components built from `d3.csv` data and custom SVG groups.

Mmartajimpac

67% match