Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG scatter plot and bar chart

Public visualization

Viewing a saved revision (read-only)

dda6d59c80bf41c2bfdd0d4ff947d8d8

SVG scatter plot and bar chart

1 star1🌍 Public
GGiacomo Rossoni
Last edited Mar 28, 2024
Created on Mar 28, 2024
Forked from HTML Starter

This example combines a pseudo scatter plot with a bar chart in a single SVG visualization. Seven vertical bars in green and yellow represent categorical data points labeled A through G, while a dark red line overlay approximates a scatter plot trend across the same categories. The visualization uses raw SVG elements including `rect`, `path`, and `text` within multiple layers, with the text styled using the Imbue font from Google Fonts. The rendering approach relies on inline SVG styling with custom stroke widths, opacities, and layer transformations to create the composite chart layout.

AI-generated description

Aa approximation of a scatter plot and a bar chart