yijunqian

@yijunqian·4 public vizzes

Fork of Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between patient no-show rates and risk scores, with points colored by risk level and shaped by care status. The visualization is built using the Vega-Lite API on top of vega-lite and vega, rendering to SVG. Data comes from the Auto MPG dataset via a CSV file, and the chart includes interactive tooltips displaying patient names. The design uses customaxis and label styling to improve readability.

Oct 9, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the relationship between patients' NoShowRate and RiskScore, using color to indicate RiskLevel and shape to distinguish In-Care status. The visualization is built with the Vega-Lite API, a programmatic interface for Vega-Lite specifications, and renders through Vega and D3. Data comes from a CSV file loaded via D3’s `csv` function, sourced from UCI Machine Learning Repository’s Auto MPG dataset. The code demonstrates how to compose an interactive scatter plot with custom tooltips and a dark-themed configuration for improved readability.

Sep 17, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the relationship between miles per gallon, horsepower, weight, and country of origin for vehicles in the Auto MPG dataset from the UCI Machine Learning Repository. A scatter plot encodes weight as circle size and origin as color, with tooltips showing vehicle names. It is built using the vega-lite-api to construct the specification, with vega-lite and vega handling rendering, while d3.csv loads the data. The visualization is configured with custom axis and label styling via the config object.

Aug 18, 2021

Loading thumbnail…

HIVPatientRisk

This visualization displays automotive engine displacement and horsepower relationships using a scatterplot, with each point representing a vehicle model. The plot uses low opacity and large point sizes to reveal density clusters in the data. Built with Vega-Lite API, the visualization loads data via `d3.csv` from an external URL, with custom configuration for axis styling and tooltips. The rendering pipeline combines Vega, Vega-Lite, and D3.js through the `vega-lite-api` library, producing an interactive SVG view with hover tooltips showing vehicle names.

Aug 18, 2021