Untitled

100%

✓ Published0🌍 Public

Last edited Nov 17, 2019

Created on Nov 17, 2019

This visualization displays a scatterplot of ethanol data points, where each circle represents a geographic region and uses color to encode the origin category. The plot positions false positive values along the y-axis and geographic FIPS codes along the x-axis, with semi-transparent points to reveal overlapping data. Rendered as an SVG, it uses the vega-lite-api to build the chart, with data loaded from a CSV file via d3.csv. The view includes a custom legend SVG showing population density per square mile with a sequential color scale.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive visualization displays regional population data over time, where each region appears as a color-coded circle whose radius corresponds to a selected year’s population value. A slider controls the year from 1946 onward, triggering a smooth transition that resizes the circles to reflect changing data. The SVG renderer uses D3.js v3 scales and axes, with circle positions fixed by an ordinal x-axis and a linear y-scale for sizing. Hovering reveals tooltips with region and population details, while the data is loaded from an external CSV file.

Ssgalhamdani

73% match

Loading thumbnail…

Untitled

An interactive scatterplot displays F3 against F4 coordinates from a CSV dataset, with each point representing an Epoch value. The chart includes zoom and pan functionality via d3.zoom, allowing users to rescale both axes and update circle positions dynamically. The visualization uses d3.v4, renders as SVG, and demonstrates clip-path implementation to contain drawn elements. Axis scales are linear, with circles colored teal and semi-transparent for overlapping point visibility.

HHariprashanth75

72% match

Loading thumbnail…

Untitled

This example displays a scatter plot of vaccination data across countries, with each circle representing a country’s number of vaccinated individuals against its population. The visualization uses d3.v4 to append SVG circles to a div, mapping data fields to x and y coordinates. The code sets up margins, dimensions, and scales, though the actual scale functions are not fully defined in the provided snippet. The dataset contains country names, vaccination counts, and population figures, rendered as green dots.

PPeiyuan Xu

72% match

Loading thumbnail…

Untitled

This visualization shows how multiple data series change over time using a streamgraph with a silhouette offset, where each colored area represents a different category. The chart loads CSV data from a GitHub repository and displays it as stacked areas with a diverging y-axis centered around zero. The code uses d3.scaleLinear for axes, d3.scaleOrdinal for the categorical color palette, and d3.stack with d3.stackOffsetSilhouette to compute the layered areas, which are rendered as SVG paths using d3.area.

LLAOKE1997

72% match

Loading thumbnail…

Untitled

This visualization plots eye-tracking fixation points from a CSV dataset, encoding X and Y coordinates as scatterplot positions and coloring each dot by its corresponding stimuli (image name). A tooltip appears on hover, showing the stimuli name and exact fixation coordinates. The code uses D3 v3 with SVG circles, linear scales, axes, and a category10 color scale for the legend. Data is loaded via d3.csv, with numeric conversion performed before rendering.

FFlorisPex

71% match

Loading thumbnail…

Untitled

This scatter plot shows the relationship between Happiness Score and rate of depressive disorders, with each circle’s size encoding population and color distinguishing four geographic regions. The visualization uses D3.js (v3) to load a CSV file via `d3.csv`, maps data to positions with `d3.scaleLinear`, assigns categorical colors with `d3.scaleOrdinal`, and renders SVG circles. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with opacity set to 0.5 for overlapping points.

Vvihaansubhash

71% match

Loading thumbnail…

Untitled

This interactive scatter plot displays three clusters of points, colored by category, and allows users to brush a region to zoom into that area. The visualization uses D3 v4 to generate data from a normal distribution, render SVG circles, and implement brushing with `d3.brush`. Axes are drawn with `d3.axisTop` and `d3.axisRight`, and zoom animations are handled via `svg.transition()`. The code also references a `data.csv` file with population figures, though the chart itself visualizes synthetic points.

Pprincit

71% match

Loading thumbnail…

Untitled

This example visualizes the population of countries by religion, with bars sized by population and colored by religion. The data comes from a CSV file of religion by country, fetched using D3’s `csv` method. Built with the `vega-lite-api`, it uses a bar mark, encodes country on the x-axis, population on the y-axis, and religion for color, sorting by population in descending order. The visualization is rendered as an SVG and includes custom axis styling for readability.

Ccolbygogan

71% match