매출_1920

100%

✓ Published0🌍 Public

Last edited May 19, 2021

Created on May 19, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

강남구 유동인구

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`.

JJIN-wj

73% match

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

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

72% match

Loading thumbnail…

Q2

A monthly sales area chart visualizes adjusted sales figures over time using a D3.js SVG rendering. The chart fetches CSV data from a GitHub repository, parses date strings with `d3.timeParse`, and constructs an area path with `d3.area` to show sales trends. The axes are generated using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. Both axes include labels indicating "Date" and "Sales (in thousands)". The visualization uses a light teal fill with a darker stroke for the area, and data is loaded via `d3.csv`.

Kkaushikreddy901@gmail.com

65% match

Loading thumbnail…

D3 Line Chart

This example visualizes cumulative sales across four fiscal quarters (Q1–Q4) using a line chart rendered with SVG. The code loads quarter-by-quarter sales data from a CSV file and plots the trend, with a steelblue line connecting points positioned along a band scale for quarters and a linear scale for sales values in millions. The chart includes labeled axes, axis ticks, and a title, and it relies on D3 v7’s `d3.line`, `scaleBand`, `scaleLinear`, and axis methods. The visualization effectively communicates a steady upward sales trajectory, as the line clearly rises from 14 million to 37 million across the quarters.

KKwasi Acquaye

65% match

Loading thumbnail…

Area Chart

This area chart displays the cost of sales from 2000 to 2013, with a smooth curve and a light green filled region beneath the line. The visualization uses D3 v5, loaded via UNPKG, to construct axis scales with `scaleTime` and `scaleLinear`, and draws the chart with `line`, `area`, and `curveBasis` generators. Data is loaded as CSV from a GitHub gist and rendered as an SVG, with formatted tick labels and styled axes.

Mmn0658

64% match

Loading thumbnail…

Area Chart

This area chart displays electronic sales from 2013 to 2021, with a green filled region under a black smoothed line. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the year axis and `scaleLinear` for sales values. Data is loaded from a CSV file via `d3.csv`, and both `d3.line` and `d3.area` generators with `curveBasis` create the chart. Axes are customized with `axisBottom` and `axisLeft`, including gridlines and labels.

Kkranthireddyskr

64% match

Loading thumbnail…

Fork of Bar Chart

This visualization displays monthly global sales data from January 2017 through December 2018 using an animated bar chart. The bars show sales figures in steel blue, turning orange on hover with a smooth transition, while axes are labeled with month names and sales values. Built with D3 v6, the example loads data from a local CSV file and uses `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the SVG chart. Mouse interactions use standard D3 event handlers with a 250-millisecond transition effect.

Sshahedabdullhadi

64% match