강남구 유동인구

100%

강남구 유동인구

✓ Published0🌍 Public

Last edited May 19, 2021

Created on May 19, 2021

A bar chart displays the quarterly floating population of Gangnam District, South Korea, from 2019 to 2020, using a reversed linear y-axis scale so taller bars represent smaller totals. The visualization is rendered with D3 v6, reading data from a local CSV file via `d3.csv` and building SVG rectangles with `scaleBand` for the x-axis and `scaleLinear` for the y-axis, annotated with `axisBottom` and `axisLeft`.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

barchart_wj

This bar chart displays the total floating population in Gangnam District by quarter and year, from 2019 Q1 to 2020 Q4, using data from the Seoul Open Data Plaza. The visualization uses D3 v5 with SVG rendering and animation. Each bar shows its value on hover, while a horizontal dashed line indicates the selected bar's value, and the differences between all bars and the hovered bar appear as text labels. The chart includes a y-axis with a 650,000–800,000 range, gridlines, and axis labels, with mouseenter and mouseleave events triggering opacity transitions and dynamic label updates.

JJIN-wj

79% match

Loading thumbnail…

분기별 유동인구, 매출

An interactive bar chart comparing quarterly foot traffic and sales across Seoul districts. A dropdown menu, generated from the data fields using a data join, lets viewers switch the y-axis variable, triggering a selection change that updates both the bar positions and the d3.axisLeft scale. The visualization loads survey data via d3.json, prepares nested aggregates with d3.nest and d3.mean, and renders the dynamic bars with SVG rectangles, applying the general update pattern to adjust attributes in place.

Ssuji8073

76% match

Loading thumbnail…

매출_1920

This chart shows quarterly sales data for Gangnam District across 2019 and 2020, displayed as a bar chart with a dark blue background. Hovering over a bar highlights it and displays the percentage difference from the hovered quarter to all other quarters, shown as floating text. The visualization is built with D3 v5, using SVG for rendering and transitions for animation. Data is loaded from a CSV file, with axes, gridlines, and labels created via D3’s scale functions and axis helpers.

Ssuji8073

73% match

Loading thumbnail…

Bar chart

A horizontal bar chart displays population counts across weekly periods from 2019-W31 to 2019-W35. The bars are drawn as green SVG rectangles using D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with `axisLeft` and `axisBottom` providing tick labels. Data is loaded from a local CSV file via `d3.csv`, and numeric values are coerced with unary plus. The visualization uses an SVG container with fixed margins, rendering the chart in a clean, minimal style.

GGeolffrey S Mena

66% match

Loading thumbnail…

Bar Chart

This bar chart visualizes the population of a region from 1950 to 2020, with population values multiplied by 1,000 and displayed on a linear scale. The chart uses horizontal bars, with years on the y-axis and population on the x-axis, rendered as SVG rectangles. The implementation leverages d3.v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and loads data from a CSV file.

JJari Sedergren

65% match

Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays population estimates for 27 countries, sorted by decreasing size from China to South Korea. The visualization uses D3 v6 with `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to bar widths and country names to row positions. Data loads from `data.csv`, multiplies each population value by 1,000, and renders steelblue SVG rectangles on a 960×500 canvas with fixed margins and a left-aligned label axis.

HHan Jinseok

65% match

Loading thumbnail…

Bar chart

This bar chart visualizes the population of a region from 1950 to 2020, with each bar’s height corresponding to the population for a given year. The visualization is rendered as an SVG using D3 v5 within a React framework, loading data from a CSV file. The code employs D3’s `scaleLinear` and `scaleBand` for axes scaling and positioning, with `axisLeft` and `axisBottom` for the chart’s Y and X axes, respectively. Bars are drawn as `rect` elements filled with steelblue.

JJari Sedergren

65% match

Loading thumbnail…

Bar chart

This bar chart displays population values for five weekly periods in 2019, using green horizontal bars that encode each week’s population magnitude along a linear scale. The visualization is rendered with D3.js (v5), using `csv` to load the data, `scaleLinear` and `scaleBand` for positioning, and `axisLeft`/`axisBottom` for the axes. The SVG output is generated through D3 selections, with margins applied to the plot area and the bottom axis anchored to the chart’s inner height. The data file (`data.csv`) is parsed and its population column converted to numeric values before rendering.

JJose Tejada

65% match