Plooks Psuedo Scatter Plot

100%

Plooks Psuedo Scatter Plot

✓ Published2🌍 Public

Last edited Sep 12, 2023

Created on Sep 12, 2023

A hand-coded SVG scatter plot approximates five data points as large black circles on a white background. Each circle is placed manually with explicit `cx` and `cy` coordinates, and rendered by the browser’s native SVG support. The plot uses no JavaScript libraries, instead relying on static `<circle>` elements within an inline `<svg>` tag. This minimal example demonstrates how raw SVG markup can represent a simple categorical or numeric distribution.

AI-generated description

an approximation of a scatter plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Scatterplot

A minimal, static approximation of a scatterplot rendered as SVG circles. Six black circles of equal radius are positioned on a light gray background, suggesting data points without underlying axes or labels. The example uses raw SVG elements—`<rect>` and `<circle>`—placed manually via hard-coded `cx` and `cy` coordinates, with no JavaScript or external libraries involved. The rendering approach is purely declarative, creating a sparse, purely visual allusion to a scatterplot.

Aajoua

86% match

Loading thumbnail…

Pseudo Scatter Plot

This pseudo scatter plot displays five black circles at fixed positions on a white background, overlaid on a dark gray frame from a preceding rectangle. The circles are rendered directly as SVG `<circle>` elements with identical radii, rather than through a data-binding library or force simulation. The example uses no external JavaScript libraries, relying only on inline SVG markup within an HTML document. Despite the title, the visualization lacks axes, scales, or data-driven positioning, making it a static, geometric composition.

WWasanta Pruttisarikorn

85% match

Loading thumbnail…

Pseudo scatter plot

A pseudo scatter plot displays five fixed circles at arbitrary positions on a blank SVG canvas, with no data mapping or interaction. Each circle has a radius of 30 pixels, and their coordinates vary along the x- and y-axes, creating a sparse arrangement. The code uses plain SVG elements (circle, svg) within an HTML page, with no JavaScript libraries or frameworks. It demonstrates a minimal, static visualization of manually placed points, representing a conceptual precursor to a data-driven scatter plot without any computed scales or axes.

Yyankesswang

85% match

Loading thumbnail…

Pseudo scatter plot

A pseudo scatter plot presents six dark circles of equal size at fixed positions on a white background, suggesting a data distribution without actual plotted points. The visualization uses raw SVG elements within an HTML file, specifically `<circle>` tags with explicit `cx` and `cy` coordinates and a fixed radius of 22, rendered via the browser's SVG support. The layout mimics a scatter plot's visual structure but omits axes or statistical encoding, relying solely on the spatial arrangement of the circles for its effect.

ZzolboBatsaikhan

85% match

Loading thumbnail…

Pseudo Scatter Plot

This pseudo scatter plot uses a minimalist SVG canvas to approximate the visual language of a scatter plot without axes, labels, or data encoding. Instead of mapping data values, it places eight identical gray circles at varying coordinates across a white 960×500 background, with all points sharing the same radius and fill. The rendering relies solely on static SVG `<circle>` elements, with no JavaScript libraries or interactive transitions. The title highlights its conceptual mimicry of a scatter plot’s visual form, while the code demonstrates a hand-coded, fixed arrangement that forgoes any data-driven scaling or layout logic.

Ppaddyokore39@gmail.com

85% match

Loading thumbnail…

Pseudo Scatter Plot

This example presents a scatter plot using fixed, hand-coded SVG elements rather than data-driven generation. Seven circles act as data points, positioned at specific x and y coordinates on a white background. The rendering relies on raw SVG `<circle>` and `<rect>` tags, drawing directly within the markup without any JavaScript libraries or external data files. The visualization demonstrates how a simple coordinate system is approximated through static attributes, with each circle uniformly sized and colored. No interaction, axes, or tooltips are included, making it a purely static visual exercise.

Ccssergio

85% match

Loading thumbnail…

Pseudo Scatter

A single SVG contains six large gray circles positioned across a white canvas, creating a sparse pseudo-scatter plot. Each circle has a fixed radius of 34.5 pixels and no visible data labels or axes. The rendering relies entirely on hard-coded `<circle>` coordinates in static markup, with no JavaScript libraries, simulation, or dynamic layout. The arrangement resembles clustered points but lacks any encoding of values or relationships, serving as a minimal, stylized approximation of a scatter plot rather than a functional data visualization.

KKerotyzzzmo

84% match

Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot approximates a scatter diagram using seven black circles of equal size positioned across a white 960-by-500 SVG canvas. The circles’ coordinates suggest a downward trend from left to right, mimicking data points without an explicit dataset. Rendered entirely in raw SVG, the example uses no JavaScript libraries or charting frameworks, relying instead on static `circle` elements with inline style attributes. The SVG includes Inkscape namespace declarations, indicating the graphic was likely authored or exported using the Inkscape vector editor.

Vvschan2

84% match