Skip to main content
SimilarExport ZIP
100%

北京疫情概况

✓ Published0🌍 Public
JJiaMing
Last edited Apr 12, 2020
Created on Apr 11, 2020

An interactive sunburst chart visualizes Beijing’s daily COVID-19 case increases from February to March. The D3.js partition layout renders hierarchical flare data as radial arcs, colored by category and animated on click to zoom into nested branches. Built with `d3.partition`, `d3.hierarchy`, and `d3.scaleOrdinal`, it uses SVG `path` tweens via `transition.attrTween` for smooth transitions. Font sizes and arc visibility adapt through computed label thresholds, while the top-level root circle resets the view.

AI-generated description

北京疫情可视化：分析2-3两个月的日增加量

MIT Licensed

Similar vizzes

Loading thumbnail…

北京疫情可视化

This interactive dashboard visualizes COVID-19 case distributions across Beijing districts using a coordinated histogram and pie chart. Hovering over a bar filters the pie chart and legend to show the selected district’s breakdown by infection source, including categories like Chaoyang, Haidian, and imported cases. Built with D3 v3, the example uses d3.svg.axis, ordinal and linear scales, and transition().duration() to animate bar height and color changes, while SVG paths render the interactive pie slices.

JJiaMing
88% match
Loading thumbnail…

Interactive pie and bar

An interactive dashboard combines a histogram and pie chart to explore COVID-19 case frequencies across Beijing districts over time. The bar chart displays weekly total cases, while hovering over a bar updates the pie chart to show the district breakdown for that week. The visualization uses D3 v3 with SVG rendering and transitions, updating both charts dynamically via mouseover and mouseout events. Data is loaded from a JSON file, with the pie chart segmented by district categories (朝阳, 海淀, 西城, etc.) and the histogram using ordinal and linear scales for axes.

JJiaMing
79% match
Loading thumbnail…

Interactive pie and bar

This interactive dashboard combines a pie chart and a bar chart to explore COVID-19 case frequency data across Beijing districts by date range. Hovering over a bar updates the pie chart to show the district breakdown for that period, with smooth transitions between updates. Built with React and d3.v3, the example uses d3.svg.arc, d3.layout.pie, and d3.scale.ordinal to render SVG elements with mouseover-driven interactivity. The legend and pie chart adapt their data and colors dynamically, while the histogram bars respond with animated height changes via transition.attr.

Vvans01
77% match
Loading thumbnail…

D3 Bar chart

This bar chart visualizes the confirmed COVID-19 case counts across several Chinese provinces, using data from a local CSV file. It employs an SVG rendering approach with D3 v4's `scaleBand` for the categorical province axis and `scaleLinear` for the continuous case count axis. The chart displays horizontal bars whose heights are proportional to the number of cases, with axes labeled and styled using `d3.axisBottom` and `d3.axisLeft`. The file is a static, non-interactive visualization generated entirely through D3's imperative API.

Vvine-web
71% match
Loading thumbnail…

Line

This visualization displays the progression of COVID-19 cases across multiple Chinese provinces from January to February 2020. It animates line curves for each province, showing the count of existing confirmed cases over time, with provinces added sequentially. The code uses D3 v6 with a time-scale for the x-axis and a reversed linear scale for the y-axis, rendering SVG paths with cardinal spline curves. Data is loaded from a CSV file, and each province’s line is animated into place using d3 transitions over two seconds.

Vvivianaaai@qq.com
70% match
Loading thumbnail…

Scatter-Animation

A scatterplot animates the daily progression of COVID-19 cases across Hubei, China, with each circle representing a region’s cumulative confirmed cases versus new cases on a log scale. The visualization uses d3.v6 with SVG and transitions to move points between dates, while a legend identifies regions. Data comes from a CSV file tracking metrics like confirmed, cured, and dead counts. Axes, labels, and a date display update over time, driven by the `renderupdate` function and D3’s transition API.

Vvivianaaai@qq.com
70% match
Loading thumbnail…

Scatter-Animation

A scatterplot animates the daily progression of COVID-19 cases across Hubei, China, with each circle representing a region’s cumulative confirmed cases versus new cases on a log scale. The visualization uses d3.v6 with SVG and transitions to move points between dates, while a legend identifies regions. Data comes from a CSV file tracking metrics like confirmed, cured, and dead counts. Axes, labels, and a date display update over time, driven by the `renderupdate` function and D3’s transition API.

Vvivianaaai@qq.com
70% match
Loading thumbnail…

Infection Type Chart

This stacked bar chart displays COVID-19 infection cases across Chinese provinces, broken down by transmission type: public transit, relative, social, and unknown. The visualization uses d3.layout.stack to stack the data series, with d3.scale.ordinal for the x-axis and d3.scale.linear for the y-axis. A form allows switching between absolute case counts and percentage-normalized views via stack.offset("expand"), with smooth transitions on the bars and axis. Hovering highlights individual segments using SVG opacity changes, and a custom legend is drawn manually.

LLex
69% match