ScottSu0114

@ScottSu0114·4 public vizzes

Fork of Fork of Hello VizHub

This example demonstrates how to structure a minimal D3.js visualization using ES6 modules. It imports the `select` function from D3 to update the text content of an HTML element, while also importing a `message` string from a separate local module. The page loads D3 v5 from the UNPKG CDN and uses a stylesheet to center and scale the displayed text. The visualization itself is a static text message, but it serves as a foundational template for modular D3 code organization.

Dec 14, 2021

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to build a minimal visualization page using D3.js within the VizHub environment. It shows a simple text display, “Hello VizHub!”, rendered in large centered type. The code imports the `select` function from D3 to manipulate the DOM, and also imports a local ES6 module to supply the message string. The page loads D3 version 5 from a CDN and uses a separate stylesheet for styling.

Dec 14, 2021

Loading thumbnail…

Untitled

This interactive visualization displays time-series data on COVID-19 cases and vaccination rates in nursing homes. A dropdown menu lets users select which metric to plot—resident confirmed cases, deaths, weekly increases, or staff cases—with smooth line transitions updating the chart. A second graph shows full vaccination rates for residents and staff alongside bed occupancy, with hover details. The visualization uses D3 v6 for the first chart and D3 v4 with dimple for the second, reading CSV data from a GitHub repository.

Dec 14, 2021

Loading thumbnail…

Untitled

This example presents two linked charts for exploring COVID-19 data in nursing homes. The first chart uses a dropdown menu with d3.v4 to display time series lines for different metrics (resident confirmed cases, deaths, weekly increases, and staff cases) drawn as SVG paths. The second chart, built with dimple and d3, visualizes vaccination rates and bed occupancy, allowing hover interactions to reveal specific values. Both graphs together help users examine relationships between case counts and vaccination coverage.

Dec 14, 2021