vs_bar_chart

100%

✓ Published0🌍 Public

Last edited Jan 22, 2024

Created on Jan 22, 2024

This chart shows a minimalist horizontal bar chart comparing values for categories A, B, C, and D, with the first bar highlighted in blue and outlined in black. The chart is rendered as an SVG using specific rectangular coordinates for each bar and text elements for the labels. The code sets the bar widths directly, appears to use the Share Tech font loaded from Google Fonts, and relies on raw SVG elements rather than a charting library.

AI-generated description

An approximation of a bar chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Horizontal Bar Chart

This visualization uses black rectangles of varying widths to create a pseudo horizontal bar chart for categories A through D. The SVG markup defines the bar dimensions and positions, while text elements label each bar with its corresponding letter. The chart employs a minimal design with white background and the Share Tech font, rendering all elements directly via inline SVG without additional JavaScript libraries or data loading mechanisms.

Llili463e

86% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example shows a pseudo horizontal bar chart comparing four categorical values, labeled A through D. The chart uses a minimalist design with oversized Share Tech typography and solid SVG rectangles to represent data magnitudes. The code renders the visualization using raw SVG elements—`rect` for the bars and `text` for labels—without JavaScript libraries or animation. The longest bar spans 768 pixels for category A, while the shortest is only 238 pixels for D, creating a clear visual ranking. The static SVG output relies on hardcoded coordinates and dimensions rather than any data-binding or layout logic.

Ddevin.mcmanus@gmail.com

86% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example approximates a horizontal bar chart using raw SVG rectangles and text elements, displaying categories A through D with varying bar widths. The chart uses a black-on-white design with large ‘Share Tech’ typography, emphasizing a minimalist aesthetic. Built with inline SVG markup and standard HTML/CSS, it relies on fixed pixel coordinates for bar placement and sizing rather than data-driven JavaScript or a charting library. The rendering is fully static, with no interactive or animated behaviors present in the code.

Ttriciascully

86% match

Loading thumbnail…

Pseudo Bar Chart

This pseudo bar chart encodes four categories, A through D, as horizontal black bars of varying lengths on a white background, with the first bar highlighted in blue. Each bar’s width suggests a quantitative value, while category labels sit to the left. The visualization uses plain SVG rectangles and text elements, with styling controlled by CSS, including the Share Tech font. The layout is fixed within a 506×321 viewBox, and no interactive or dynamic data binding is present.

DDavid Hojdan

85% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example shows a pseudo horizontal bar chart, where four categories—A, B, C, and D—are represented by black bars of varying widths protruding from a common left edge, mimicking a real bar chart without using standard charting axes. Each bar’s length corresponds to an implicit value, with labels placed to the left. The visualization is built using raw SVG elements, including `rect` for the bars and `text` for the labels, all styled with a large `font-size` and the Share Tech font. The rendering relies entirely on inline SVG markup within an HTML file, with no JavaScript libraries or data-binding frameworks involved.

Aajoua

85% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

The visualization displays four horizontal bars of varying lengths, labeled A through D, on a white background, using a pseudo bar chart format where bars are represented as black rectangles. It is rendered as an SVG with hardcoded coordinates, with each bar’s width decreasing from top to bottom, mimicking a categorical comparison. The text labels are placed to the left of each bar using the Share Tech font, and the chart uses basic SVG elements like `rect` and `text` without any external libraries or data-driven logic.

Mmaciekawsq@gmail.com

84% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example presents a stylized horizontal bar chart using four labeled bars (A–D) of varying widths. The visualization uses SVG rectangles to encode values, with each bar positioned to align with its corresponding text label. It relies on the SVG API directly for drawing, and uses the Share Tech font from Google Fonts for typography. The chart approximates a classic bar layout while omitting axes and scales, focusing purely on the geometric relationship between categories and their proportional lengths.

KKerotyzzzmo

84% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

Four horizontal bars display categorical values for labels A through D, with decreasing lengths from a full-width first bar to a quarter-width last bar. The chart uses raw SVG rectangles positioned on a 960×500 canvas, with text elements for category labels. The first bar uses a white fill with a black stroke and is distinct from the remaining solid black bars. Red fills the label for A, while B, C, and D appear in black, all rendered with the Share Tech font.

Pparaliterary@yahoo.com

84% match