Skip to main content
SimilarExport ZIP
100%

都道府県別 人口の推移

✓ Published0🌍 Public
CCyberZafa
Last edited Mar 16, 2017
Created on Mar 16, 2017

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.

AI-generated description

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

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

mit Licensed

Similar vizzes

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
100% 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…

都道府県別 人口の推移

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.

LLastSamurai03
94% 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
94% match
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
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
85% 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
78% match
Loading thumbnail…

都道府県別の人口 <style> body { margin: 0; overflow: hidden; } pre { font-size: 7em; } </style>

This example displays Japanese population data by prefecture from a CSV file, initially showing a loading message while fetching the data. The visualization uses React with hooks like `useState` and `useEffect` to manage asynchronous data loading via the `csv` function from d3.v5. The code processes each row to extract the prefecture name and concatenates them into a message string, which is then rendered as large text in a `<pre>` element. The layout of the page is a map of Japan, but the code focuses on printing the prefecture names as a text-based output.

Vvanquisher2000
75% match