Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Vega-Lite API Template

✓ Published0🌍 Public
Yyijunqian
Last edited Oct 9, 2021
Created on Oct 9, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

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.

Yyijunqian
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays patient data, plotting total hospital stay against number of visits, with color encoding for patient category, point size for sepsis flag, and tooltips revealing patient identifiers. It uses the Vega-Lite API to declare the circle mark and encodings, with vega and vega-lite handling rendering and the Handler from vega-tooltip providing interaction. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file. The chart fits to the window size and applies custom axis and label styling from a config object.

EEngineerRajeev
83% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of student data, plotting marks against time spent studying, with color and size encoding the number of courses and an integer attribute, respectively. The tooltip reveals each student’s name. Built with Vega-Lite API and D3, it loads CSV data from the UCI Auto MPG dataset, renders an SVG via Vega, and customizes axes and label styling through a config object.

NNaimisha-M
83% match
Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays a scatter plot of data from the UCI Auto MPG dataset, plotting intensity against end year and coloring points by pestle, with tooltips showing sector information. Built with the Vega-Lite API, it uses d3’s `csv` function to load remote data, `vl.markCircle` for the marks, and encodes x, y, color, and tooltip channels. The code registers Vega-Lite with a custom config to adjust axis styling and label fonts, and renders the chart as an SVG fitted to the window size.

KKIRRAN P L
82% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization presents a scatter plot of Auto MPG data, showing relationships between vehicle attributes through a dense cluster of points. It uses the Vega-Lite API to construct the chart, with D3.js handling data loading via `d3.csv`. The visualization features tooltips that display RGB hex values when hovering over points. The chart is rendered dynamically, adapting its size to the browser window using the `vl.width()` and `vl.height()` methods from the vega-lite-api library, and includes custom styling from the config file for improved readability.

TtrwMK
82% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatter plot of auto-mpg data with vehicle origin mapped to color, weight to point size, and tooltips revealing model names. It uses the vega-lite-api to compose marks and encodings, with a custom config for axis styling. Data loads via d3.csv from the UCI Machine Learning Repository, while vega-tooltip handles interactions. Rendering focuses on full-window SVG output.

SShijiaYan
82% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the relationship between health, population, and geographic region using a bubble scatter plot. Data from a CSV file containing income and health metrics is loaded via d3.csv, then rendered as circles whose size represents population and position reflects health scores across regions. The chart is built using the Vega-Lite API, with vega-lite-api handling mark encoding and vega-tooltip providing interactive hover details. Custom configuration in config.js adjusts axis styling and font sizes to improve readability against the dark theme.

MMateusz Urban
82% match
Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, encoding horsepower, miles per gallon, origin, and weight for each vehicle. The visualization uses the Vega-Lite API to construct a circle mark with quantitative fields mapped to x and y axes, a nominal field for color, and a tooltip displaying the vehicle name. Built with vega-lite-api, vega, vega-lite, and vega-tooltip, the chart is styled with a custom configuration that disables axis domains and uses light gray ticks. Data is loaded asynchronously via d3.csv, with the plot sized to fill the viewport.

GGyromighty
82% match