xiaoxiaomeng0

@xiaoxiaomeng0·2 public vizzes

Fork of Vega-Lite API Template

This example shows a time-series line chart of blood glucose (BG) readings from the SimGlucose simulator, mapped against time on the x-axis. The visualization is built using the Vega-Lite API as a declarative grammar, with the chart’s dimensions and fit behavior set to fill the browser window. It loads CSV data via `d3.csv` from a GitHub gist, and enhances the default axes and typography through a custom `config` object. The final SVG render is produced with Vega, Vega-Lite, and the vega-lite-api wrapper, while a tooltip is enabled via the vega-tooltip `Handler`.

Jul 21, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This example displays the number of rows in a CSV file loaded from a GitHub gist, initially showing "Loading..." before rendering the count. Built with React and D3 v7, it uses the `d3.csv` API to fetch and parse the data, then React state and effects to update the view. The visualization is a minimal text-based output, rendered as SVG-ready HTML within a React component.

Jul 20, 2021