2025 Lawn Viz

100%

✓ Published1🌍 Public

Last edited Jan 11, 2025

Created on Jan 10, 2025

A pseudo-plotted chart displays six gray circles at irregular positions against a white background, evoking a hand-drawn scatterplot without explicit axes or data points. The visualization uses raw SVG elements, with each circle defined by explicit `cx`, `cy`, and `r` attributes, and rendered via the `index.html` file. All circles share the same fill color (`#D9D9D9`) and radius (30). The layout suggests a playful or abstract representation of plotted data, relying purely on static SVG positioning rather than any dynamic data binding or interaction. The example is generated from a simple HTML structure with inline SVG, containing no external libraries or JavaScript logic.

AI-generated description

Pseudo Plot chart

MIT Licensed

Similar vizzes

Loading thumbnail…

002 : "Pseudo Visualizations"

Six circles form an approximate scatter plot against a white background, with positions suggesting a downward trend from left to right. The SVG rendering uses no JavaScript or data-binding libraries, relying instead on hardcoded circle elements with fixed coordinates and radii. Each circle is identical in size, and the minimalist composition focuses on the visual pattern created by their varying placements rather than encoding additional data dimensions. The example demonstrates a static, hand-authored visualization without animation or interactivity.

MMark Beveridge

78% 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

78% match

Loading thumbnail…

Pseudo Scatter Plot With HTML

This example displays a sparse set of six circles positioned across a 960 by 500 SVG canvas, approximating a scatter plot without any underlying data or axes. The circles are hard-coded with fixed `cx`, `cy`, and `r` attributes, giving the appearance of data points. The visualization uses a minimal HTML document with an inline SVG element, making it a purely static representation. It demonstrates how raw SVG circle elements can mimic a scatter plot layout without the aid of JavaScript libraries or scales. Each circle’s placement is chosen to suggest a downward trend from left to right.

CCurran Kelleher

78% 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

77% match

Loading thumbnail…

Pseudo Scatter Plot

This example presents a pseudo scatter plot, using a set of six circles arranged to suggest a data distribution rather than plotting actual data points. Each circle is rendered as a static SVG `<circle>` element with fixed coordinates and a radius of 34.5, positioned on a white 960×500 canvas. The visualization relies purely on raw SVG markup inside an `index.html` file, with no JavaScript libraries or dynamic data processing involved. The sparse, hand-coded placement of circles creates a simple, minimalist view of a hypothetical scatter pattern.

YYangxi Liu

77% match

Loading thumbnail…

Pseudo Scatter plot

This pseudo scatter plot presents six black circles distributed across a light gray SVG canvas, arranged to suggest a gentle diagonal trend from lower left to upper right. Each circle is rendered as an SVG ellipse element with fixed dimensions of 37.5 by 39.5 pixels. The visualization uses plain SVG markup within an HTML starter page, with a white rectangle layered over a gray background to create the final canvas appearance. No interactive behavior or data binding occurs in this minimal static example.

AAshwani Sajwan

76% match

Loading thumbnail…

Pseudo Scatterplot

An SVG pseudo scatterplot displays seven black circles arranged diagonally across a white canvas, suggesting a rough downward trend from upper left to lower right. Each circle has a uniform radius of 18 pixels, with coordinates explicitly set in the markup. The visualization uses raw SVG elements—`rect` for the background and `circle` for data points—defined directly in an HTML file with inline styles. No JavaScript libraries or data processing are involved; the chart is purely static and hand-coded.

Cchacon1@uic.edu

76% match

Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot displays six evenly sized circles arranged diagonally across a white SVG canvas, suggesting a trend from lower-left to upper-right without underlying data points. The visualization is built with plain JavaScript and SVG, using `<circle>` elements with explicit `cx`, `cy`, and fixed `r` attributes for positioning. No D3 or external libraries are employed; instead, hardcoded coordinates create the approximate scatter effect. The rendering relies solely on SVG's native shape primitives within an HTML document, with a `rect` serving as the background.

AAmauri Ribeiro

76% match