yuxinzhou0312

@yuxinzhou0312·3 public vizzes

Content Classification Frequency

This visualization shows how subjective stress levels are distributed across seven life categories for each session, using stacked horizontal bars colored by stress intensity. Users select a session from a dropdown and can optionally sort categories by severity. The chart is built with D3 v6, using `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear`, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Animated transitions update the bars smoothly, and a `d3.legendColor` legend maps stress levels to a green color scale.

Dec 17, 2020

Loading thumbnail…

Content Classification

This stacked bar chart visualizes how stress perception decomposes across seven content classification categories, with each bar segmented by severity levels from a CSV dataset. A dropdown menu switches between experimental sessions, while a checkbox toggles sorting by total magnitude versus classification order. The visualization uses D3 v6 scales (d3.scaleBand, d3.scaleLinear, d3.scaleOrdinal), d3.stack for layering, and d3.legendColor to display a severity legend, with animated transitions on axes and rectangles.

Dec 16, 2020

Loading thumbnail…

Hello D3

This example displays a mostly empty page with a large, vertically centered title reading “Hello D3” in bold, dark text. The code uses CSS to style the body and D3 v6 via the `d3.select` API to potentially manipulate the page, though the primary data visualization code is commented out. It also loads Plotly and includes an empty `div` element with the ID `my_dataviz`, but no chart or SVG is currently rendered.

Dec 4, 2020