Skip to main content
SimilarExport ZIP
100%

都道府県別 人口の推移

✓ Published0🌍 Public
LLastSamurai03
Last edited Jul 8, 2016
Created on Jul 8, 2016

The map visualizes the population change of Japan's 47 prefectures from 1920 to 2012, using a choropleth where color intensity represents population size. A dropdown menu selects the year, and a 2-second transition animates the color changes across all prefectures. Built with D3 v3, it uses the `d3.geo.mercator` projection and `d3.geo.path` to render the TopoJSON map, while population data from the Statistics Bureau is loaded from a TSV file. Capital city locations are added as small circles using the `projection` function.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/n1n9-jp/'>n1n9-jp</a>'s block: <a href='http://bl.ocks.org/n1n9-jp/e515f3df49957efc8693b746fdaf7bc8'>都道府県別 人口の推移</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/82aa88a4b1990e1cf9d1ae8809a8ba78'>都道府県別 人口の推移</a>

forked from <a href='http://bl.ocks.org/LastSamurai03/'>LastSamurai03</a>'s block: <a href='http://bl.ocks.org/LastSamurai03/e2d04e3cc3c0936822943971e4f07fb5'>都道府県別 人口の推移</a>

Similar vizzes

Loading thumbnail…

都道府県別 人口の推移

This interactive map visualizes population changes across Japan’s 47 prefectures from 1920 to 2012. A dropdown menu selects a year, triggering a two-second color transition on each prefecture based on population values, using a linear blue scale. The visualization uses D3 v3 with `d3.geo.mercator` and `d3.geo.path` to render TopoJSON boundaries, while population data is loaded from TSV files via the queue library. Prefecture capitals appear as black circles. Data is sourced from Japan’s Statistics Bureau.

LLastSamurai03
97% match
Loading thumbnail…

都道府県別 人口の推移

This example visualizes Japan’s population changes by prefecture from 1920 to 2012. A choropleth map colors each prefecture according to its population for a selected year, with a dropdown menu to switch years and an animated two-second color transition between selections. Capital cities are marked with circles using projected coordinates. The code uses d3.v3, queue, topojson, and d3-legend, applying d3.geo.mercator and d3.geo.path to render the map from TopoJSON data, while population data comes from the Statistics Bureau of Japan.

CCyberZafa
96% match
Loading thumbnail…

都道府県別 人口の推移

A choropleth map of Japan shows population change over time for each prefecture, with a drop-down menu selecting the census year. The color scale ranges from white to blue, and white circles mark each prefectural capital. The visualization uses D3 v3 with the Mercator projection via `d3.geo.mercator`, `d3.geo.path` to render the TopoJSON map, and `d3.legend.color` for the legend. Population data comes from government statistics, and transitions animate the color changes over two seconds.

LLastSamurai03
95% match
Loading thumbnail…

都道府県別 人口の推移

An animated choropleth map shows population change across Japanese prefectures by year. A dropdown menu selects the year; the map transitions its color fill over two seconds to reflect the new population data. Built with D3 v3, the visualization uses `d3.geo.mercator` projection, `d3.geo.path` to render TopoJSON map features, and a linear color scale from white to blue. Population data from the Statistics Bureau is loaded from a TSV file.

CCyberZafa
94% match
Loading thumbnail…

都道府県別 人口の推移

An animated choropleth map shows population change across Japanese prefectures by year. A dropdown menu selects the year; the map transitions its color fill over two seconds to reflect the new population data. Built with D3 v3, the visualization uses `d3.geo.mercator` projection, `d3.geo.path` to render TopoJSON map features, and a linear color scale from white to blue. Population data from the Statistics Bureau is loaded from a TSV file.

CCyberZafa
94% match
Loading thumbnail…

都道府県別 売上の推移

A choropleth map of Japan displays the annual sales figures for each prefecture from 2009 to 2017, with a dropdown menu to select the year. Animated transitions smoothly recolor each prefecture's fill, while proportional circles, centered on each prefecture's capital, scale their radius to represent the sales value. The visualization uses D3.js v3 with a Mercator projection via `d3.geo.path()`, a linear scale for color and radius, and queues external JSON and TSV files to load geographic and sales data.

GGangDuo
84% match
Loading thumbnail…

Japan Map

This visualization displays a choropleth map of Japan’s administrative regions, with each prefecture filled in a uniform red color and separated by white borders. The map uses an equirectangular-like Mercator projection via `d3.geoMercator` and renders geographic features with `d3.geoPath`. The code loads TopoJSON data for both states and districts, then applies `d3.scaleOrdinal` with a category color scheme, though only the state layer is drawn. Interactive zoom and pan are supported through D3’s `zoom` behavior, which transforms the SVG group containing the map paths.

LLakshmipriya-kalapala
76% match
Loading thumbnail…

都道府県別の人口

This example displays the population of Japanese prefectures as bar charts, with options to view total, male, female, or combined gender data. For the combined view, it draws paired bars using SVG rectangles within a React component, animated via the `animate` element. Users can hover over a color legend to highlight one gender while dimming the other. Data is loaded as CSV using d3.csv, with scales built via d3.scaleBand and d3.scaleLinear, and axes rendered as custom React SVG groups.

Vvanquisher2000
75% match