FMI Census Analysis

100%

FMI Census Analysis

✓ Published0🌍 Public

Last edited Feb 24, 2016

Created on Feb 24, 2016

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/MatteoTomassetti/'>MatteoTomassetti</a>'s block: <a href='http://bl.ocks.org/MatteoTomassetti/ec585852b2e062860ca2'>Portugal map</a>

Similar vizzes

Loading thumbnail…

FMI Census Analysis

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.

MMatteoTomassetti

92% 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

72% 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

70% match

Loading thumbnail…

RC 007 Fork of Map

This example presents two synchronized SVG maps: a world map colored by 2022 population data and a zoomed view of Portugal. It uses D3 v7 with the `d3.geoNaturalEarth1` projection, `d3.geoPath`, and `d3.geoGraticule` to render country boundaries and graticules from world-atlas TopoJSON. Population values from a CSV drive a sequential blue color scale, and hovering over a country triggers a tooltip showing its name and population.

Rrichardcorreia@my.unt.edu

69% 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

68% match

Loading thumbnail…

Country Map

This example displays a choropleth map of Italy, with its administrative regions filled in sky blue and separated by black borders. The map uses the Mercator projection and renders geographic features with the `geoPath` function from d3. Hovering over a region highlights it. The application is built with React, fetching TopoJSON data from a remote URL and processing it with the `topojson` library to generate land features and interior borders.

CCH SAMPATH

67% match

Loading thumbnail…

map exemple

This map example visualizes global population estimates by country using a dark red color scale. The code loads geographic data from the world-atlas package and joins it with a TSV file containing population statistics. The visualization uses the d3.geoMercator projection and d3.geoPath to render country boundaries as SVG paths, while the topojson library converts the GeoJSON features. Hovering over a country turns it purple, and the map supports zooming through d3.zoom and event handling.

JJuliette

66% match

Loading thumbnail…

map exemple

This choropleth map displays global population estimates, with countries shaded from light red to dark red according to their population size. The visualization uses `d3.geoMercator` for projection and `d3.geoPath` to render country boundaries from TopoJSON data loaded via `d3.json`, while population values come from a TSV file loaded with `d3.tsv` and mapped to colors using `d3.scaleLinear`. The map supports pan and zoom interactions through `d3.zoom`, and hover effects are styled with CSS.

TTimothyMiage

66% match