fefef

100%

✓ Published1🌍 Public

Last edited May 10, 2023

Created on May 10, 2023

A scatterplot shows the distribution of intensity values across different sectors, with each sector positioned along the x-axis and intensity along the y-axis, both with zero disabled. The visualization uses large, semi-transparent circular marks to reveal overlapping density. Built on the Vega-Lite API with vega-lite-api, the chart loads JSON data from a remote gist and renders interactive tooltips through the Vega-Tooltip handler.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

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

74% match

Loading thumbnail…

intensity vs sector

This visualization displays a bar chart comparing intensity values across different sectors. The chart uses a dark-themed SVG canvas with a clean, minimal design. The data is loaded from a JSON file, and the chart is built using the D3.js version 5 library, specifically utilizing `d3.json`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` and `d3.axisLeft` for the axes. Each bar's height corresponds to the intensity metric for its respective sector, with axes labeled using D3's tick text styling.

Gguitmonk-1290

73% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes earthquake data using a scatter plot, where the magnitude, depth, horizontal distance, year, and country of each earthquake are encoded through position, color, size, and tooltips. The visualization is built with the vega-lite-api library, which registers Vega and Vega-Lite to render an SVG output. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the chart is configured with custom axis and label styling for improved readability. The code also integrates vega-tooltip for interactive hover details.

VVarun Eranki

73% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows a circular mark plot where each point represents a dataset item, with the x-axis ordered by region and the y-axis mapping intensity values, while color encodes intensity and tooltips reveal titles. Built with the Vega-Lite API, it registers Vega and Vega-Lite libraries and uses a custom configuration for axis styling. The data is fetched asynchronously from a remote JSON file using D3’s `json` method, and the view is rendered as an SVG, filling the browser window with a fit autosize setting.

AAbhishek Bhavsar

72% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatterplot-like visualization of user data, with points positioned along categorical axes for country and status, using an arc mark with a fill and low opacity. The visualization is built with the Vega-Lite API, which is registered with Vega and Vega-Lite, and uses a tooltip handler for interaction. Data is fetched asynchronously via D3's `json` function from a local server endpoint, and the chart is configured with custom axis styles and dark label colors.

VVahe Abovyan

71% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of social media data, mapping the day and month on the x-axis, network on the y-axis, sentiment as color, and likes as point size. It uses the vega-lite-api to construct the chart, which is then rendered with vega and vega-lite, with vega-tooltip providing interactivity. The data is loaded as CSV from a gist using d3.csv, and the chart automatically fits the browser window.

HHiImSebastian

71% match

Loading thumbnail…

Fork of Vega-Lite API Template

A scatterplot visualizes automated speed enforcement charges, mapping ward numbers against total charges with point size and opacity encoding, while color distinguishes the origin of each charge and tooltips reveal the name field. The visualization uses the Vega-Lite API to construct the chart, with D3’s `csv` loader fetching data from a GitHub gist. Custom configuration adjusts axis labels and font styling, and the rendering leverages Vega, Vega-Lite, and Vega-Tooltip for interactive SVG output.

MMagarsa Gudeta

71% match

Loading thumbnail…

Fork of Vega-Lite API Template

A scatter plot visualizes terrorist reports from April 2003, encoded by date and threat level, with points colored by agency (CIA) and tooltips revealing detailed notes. The visualization is built using the Vega-Lite API, with `vl.markCircle` for marks and `vl.x`, `vl.y`, `vl.color`, and `vl.tooltip` encodings. Data is loaded from a CSV file via `d3.csv`, and interactive tooltips are provided through vega-tooltip. The chart resizes to the window and uses a custom dark theme defined in `config.js`.

BBrian Olczak

71% match