Skip to main content
SimilarExport ZIP
100%

KWS Booster Visu

✓ Published1🌍 Public
SStrunck
Last edited Sep 14, 2021
Created on Sep 11, 2021
Forked from HTML Starter

A bar chart displays fourteen vertical bars of varying heights on a white background, with each bar representing a data point. The visualization includes a decorative line-art sun or flower motif in the top-left corner, drawn using SVG `<circle>` and `<line>` elements. The chart is rendered as static inline SVG, with bars positioned using fixed `rect` coordinates and labeled with a single date, "28.08.", via a `<text>` element. The layout uses a fixed viewport of 1120 by 640 pixels, with no interactive or animated features.

AI-generated description

Playing around alongside youtube's greatest tutorial

MIT Licensed

Similar vizzes

Loading thumbnail…

bar chart

This bar chart displays four vertical bars of varying heights, each represented as a black rectangle on a white background. The bars are evenly spaced, with the tallest on the left and progressively shorter bars to the right. The visualization uses raw SVG elements—specifically `<rect>` tags—to draw the chart directly within an HTML page. The page includes basic styling for margins and hidden overflow, and the SVG canvas has fixed dimensions of 960 by 500 pixels.

RRubanda
69% match
Loading thumbnail…

Pseudo horizontal bar chart

Four dark rectangular bars on a white background create a pseudo horizontal bar chart, with each bar spanning a different width and height to suggest varying categorical values. The chart uses raw SVG shapes—`rect` and `path` elements—rather than a charting library, and the rendering relies on inline SVG attributes for coordinates and dimensions. The visualization demonstrates a minimalist, static approach to bar chart composition without interactive behavior or data binding.

WWasanta Pruttisarikorn
69% match
Loading thumbnail…

Pseudo bar chart

Four dark rectangles of varying heights sit on a black background, resembling bars in a chart. The shapes are drawn as SVG `path` and `rect` elements, layered over a white `rect` that covers the entire 960 by 500 viewport. Created with static SVG markup, this pseudo bar chart uses simple geometric primitives to suggest a categorical comparison without depicting actual data values.

WWasanta Pruttisarikorn
67% match
Loading thumbnail…

Bar chart

A horizontal bar chart displays population counts across weekly periods from 2019-W31 to 2019-W35. The bars are drawn as green SVG rectangles using D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with `axisLeft` and `axisBottom` providing tick labels. Data is loaded from a local CSV file via `d3.csv`, and numeric values are coerced with unary plus. The visualization uses an SVG container with fixed margins, rendering the chart in a clean, minimal style.

GGeolffrey S Mena
67% match
Loading thumbnail…

Psuedo Bar Chart 2

This visualization presents four white rectangles of varying widths positioned against a white background, creating the illusion of a bar chart without any data axes or labels. The single SVG element contains four static `<rect>` elements at different x and y coordinates, with widths of 900, 450, 675, and 225 pixels. The code uses raw SVG markup directly in the HTML, with no JavaScript libraries or data binding, resulting in a purely declarative chart-like arrangement that mimics bars but lacks any meaningful quantitative encoding.

AAndre J Denais
67% match
Loading thumbnail…

Psuedo Bar Chart

This example visualizes four evenly spaced bars of varying heights as a playful take on a standard bar chart, set against a white SVG canvas. The chart uses only raw SVG elements—a single `<path>` for the background and four `<rect>` elements with hardcoded x, y, width, and height values—to create the pseudo-bars. No JavaScript libraries or data binding are present; the rendering is purely static SVG markup. The design deliberately misaligns the bars’ vertical positions to suggest a skewed or alternative ordering, emphasizing form over data accuracy.

AAndre J Denais
67% match
Loading thumbnail…

Psudo Barplot 1

This example shows a simple bar chart with four bars of varying heights, rendered directly as SVG rectangles using HTML markup. Each bar is drawn with hard-coded x, y, width, and height attributes, without any JavaScript or data-binding library. The y-coordinate for each rectangle starts from the top of the 960×500 viewport, meaning taller bars extend downward. The visualization relies solely on inline SVG elements within the HTML file, with a minimal CSS reset to remove page margins and hide overflow.

Ppanthabuddhi@gmail.com
67% match
Loading thumbnail…

Bar Chart Test

This animated bar chart demonstrates a customizable, multi-segment bar chart. Built as a custom HTML element using the vcBarChart class, it manages SVG-based bars with individually adjustable segment heights, colors, and offsets via interactive controls. Users can add or remove bars dynamically and swap their order. The visualization leverages a custom svcSvgManager to handle SVG drawing and manipulation, with separate classes managing bars, rectangles, and chart-level operations.

WWillimnot
66% match