taithuyet96

@taithuyet96·3 public vizzes

Tai Thuyet First D33

This example visualizes daily activity counts for seven individuals across a two-week period using a small multiples layout. The chart shows individual time-series lines for each person, highlighting variation in activity levels. The visualization is built with React and D3 v6, rendering SVG elements through a custom `VizContainer` component that follows the margin convention. The code imports data locally and uses React’s component structure to manage the display, leveraging D3’s scalability and React’s declarative rendering.

Oct 11, 2022

Loading thumbnail…

Untitled

This visualization displays daily activity counts for multiple individuals over a two-week period, with each person's data grouped and compared through a multi-line chart. The React-based implementation uses hardcoded JSON data that includes each person's name, gender, age, and a series of date-count pairs. The visualization likely renders the lines using a charting library or custom SVG paths, with the data structured to allow for easy comparison of activity patterns across different demographic groups and time periods.

Oct 11, 2022

Loading thumbnail…

Smily Face Part 1

A smiling face is rendered as a central teal circle with two black eyes and a curved mouth, drawn using React and SVG. The face is centered in a 960 by 500 viewport, with the mouth generated via `d3.arc()` using specified inner and outer radii and angle ranges. The component uses React 18 and D3 v7, with all shapes positioned through absolute coordinates relative to the center. The code applies a stroke to the outer circle and fills the eyes and mouth with the default black color.

Oct 10, 2022