Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Small Points

✓ Published2🌍 Public
Ddeltiger
Last edited Nov 17, 2019
Created on Nov 17, 2019

This scatter plot visualizes the relationship between patient counts and mean payment amounts across healthcare resource groups, colored by therapy type and sized by clinical severity. It uses the vega-lite-api to construct the specification, with vega-lite for rendering and d3.csv from D3 v5 to load the dataset from a GitHub gist. Points are rendered with small, semi-transparent filled circles, and axes are customized via a config object that removes domain lines and adjusts font styles.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Small Points

This scatter plot shows the relationship between service severity and therapy type, with point size encoding the number of patients. It uses the vega-lite-api library to construct a circle mark, applying aggregate and groupby operations to calculate patient counts from a CSV dataset. The visualization is rendered with SVG through vega-lite and vega, with custom config for axis styling and tooltip support via vega-tooltip.

Ddeltiger
86% match
Loading thumbnail…

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.

Yyijunqian
77% 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
74% match
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
73% match
Loading thumbnail…

Insurance

The scatter plot shows medical insurance charges across patient ages, with points colored by smoking status to reveal that smokers incur consistently higher costs than non-smokers. The visualization uses the Vega-Lite API within a D3 v5 framework, binding CSV data loaded via `d3.csv` and rendering points with `vl.markPoint`. The chart encodes age and charges on quantitative axes via `vl.x().fieldQ()` and `vl.y().fieldQ()`, while the categorical smoker variable drives `vl.color().fieldN()`. Custom styling is applied through a Vega-Lite config object that adjusts axis labels and title fonts.

Llynz09
73% match
Loading thumbnail…

Scatter Plot with Small Points

This scatter plot visualizes the relationship between module values and module codes, with point size encoding the department category. The visualization uses the vega-lite-api to construct a scatter plot with small, semi-transparent filled points, styled with custom axis and label configurations for improved readability. Data is loaded asynchronously from a CSV file using D3’s csv parser, and the chart is rendered as an SVG via vega-lite, with tooltips enabled through vega-tooltip. The plot fills the entire viewport and uses a fit autosize strategy.

KKeerthiKandadai
73% 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
72% match
Loading thumbnail…

Vega-Lite API Template

This example renders a scatter plot of daily weight measurements using the Vega-Lite API, with points sized uniformly and the y-axis scaled from zero for clearer trends. The visualization pulls data from a CSV file hosted as a Gist, originally sourced from the UCI Auto MPG dataset. Built with the vega-lite-api template, it uses d3.csv for data loading, Vega-Lite’s markCircle encoding for points, and Vega-Tooltip for interactive hover details. The display is configured via a custom config object that adjusts font sizes and axis styles, while the chart auto-fits to the window dimensions.

MMamveguh
71% match