Skip to main content
SimilarExport ZIP
100%

都道府県別 売上の推移

✓ Published0🌍 Public
GGangDuo
Last edited Apr 4, 2017
Created on Apr 3, 2017

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.

AI-generated description

Built with blockbuilder.org

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
85% 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
85% 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
84% 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
84% 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
83% 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
83% 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…

Fork of Japan Map

This example presents a zoomable choropleth map of Japan’s administrative regions, rendered as SVG paths filled with distinct colors from a categorical scale. Using D3 v5 and d3-geo-projection, it applies a Mercator projection clipped to the viewport, with pan and zoom enabled via d3.zoom. Geographic boundaries come from TopoJSON data (JPN_adm1), processed with topojson.feature and drawn using d3.geoPath. The map highlights each prefecture uniformly, with white strokes separating regions.

Vviswak12
74% match