qcuong96

@qcuong96·2 public vizzes

People affected by mental diseases over the years in American Countries - 2

A line chart displays the percentage of a selected American population affected by a chosen mental disorder per year. Users choose a country and a disorder from two dropdown menus; a single teal path then updates smoothly using d3.line with curveNatural, drawn on an SVG rendered via React. Axes are built with scaleTime and scaleLinear, and the data comes from a CSV hosted on Gist.

Oct 28, 2020

Loading thumbnail…

Covid cases with menu to select country

This interactive visualization displays daily COVID-19 case counts for ten countries, with each country represented as a distinct colored line. The chart shows smoothed new cases over time, with a sidebar color legend identifying each country. The visualization uses React for component-based rendering and d3 v5 for data mapping, scales, and line generation with the curveNatural interpolation. Data comes from the COVID MAY Dataset, loaded via d3.csv, and is rendered as SVG paths with axis components built from d3 scale ticks.

Oct 28, 2020