Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
LLokeyyyy
Last edited Apr 29, 2021
Created on Apr 29, 2021
Forked from Hello VizHub

A horizontal bar chart displays the number of online users per folder, with folder names on the y-axis and the count on the x-axis. The bars are rendered as SVG rectangles using D3 v6’s `scaleBand` and `scaleLinear`, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV file and parsed with `d3.csv`. A legend outside the plot distinguishes the "Online" color from an unused "Nearline" label, while the chart itself contains no interactivity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A grouped bar chart shows retrieval counts across six dates, with each date divided into five folders. Bars animate upward from zero using staggered delays and a mouseover darkens their color. The chart uses D3 v3 with ordinal and linear scales, SVG axes, and transition methods. Data is loaded from a JSON file and rendered as colored SVG rectangles with a fading legend.

LLokeyyyy
82% match
Loading thumbnail…

Untitled

A simple bar chart displays two annual values from a CSV file, mapping dates on the x-axis and values on the y-axis. The chart uses D3 version 3 (loaded via CDN) with `d3.scale.ordinal`, `d3.svg.axis`, and `d3.time.format` for date parsing. Bars are rendered as SVG rectangles with steelblue fill. The axes include rotated date labels and a rotated y-axis title. The code demonstrates basic D3 data binding, scale setup, and SVG element creation within a fixed margin layout.

SSimon Hackbert
81% match
Loading thumbnail…

Untitled

A bar chart displays population values for categorical X-axis entries, with bars extending upward from a baseline. The visualization uses D3 v5's `scaleBand` for the X axis, `scaleLinear` for the Y axis, and renders SVG rectangles with a steelblue fill. Data loads from a CSV file via `d3.csv`, with population values converted to thousands. Grid lines use `d3.axisBottom` and `d3.axisLeft` with custom tick formatting that abbreviates large numbers (e.g., "B" for billions), and the chart is built within a React-compatible HTML page.

Ssalwdata
80% match
Loading thumbnail…

Untitled

A bar chart displays population values for categorical X-axis entries, with bars extending upward from a baseline. The visualization uses D3 v5's `scaleBand` for the X axis, `scaleLinear` for the Y axis, and renders SVG rectangles with a steelblue fill. Data loads from a CSV file via `d3.csv`, with population values converted to thousands. Grid lines use `d3.axisBottom` and `d3.axisLeft` with custom tick formatting that abbreviates large numbers (e.g., "B" for billions), and the chart is built within a React-compatible HTML page.

Ssalwdata
80% match
Loading thumbnail…

Untitled

A horizontal bar chart displays population estimates for ten countries, using each bar’s length to encode the population value. The chart is rendered as an SVG with D3 v5, employing `d3.csv` to parse the data, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` with padding for the y-axis categories. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`, while bars are appended as `rect` elements with steelblue fills.

RRatul R
80% match
Loading thumbnail…

Untitled

This bar chart displays the number of students for various grades and locations, with bars colored blue and axes labeled "Grades" and "Num_students." The visualization uses D3.js v6 to create an SVG rendering, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. Data is hardcoded in an array of objects, while axes are generated with `d3.axisLeft` and `d3.axisBottom`. The chart includes a pink background rectangle and console logs for debugging scale behavior.

Hhanulik.ondrej@gmail.com
79% match
Loading thumbnail…

Untitled

This example demonstrates a horizontal bar chart showing the value associated with each country from a CSV dataset. The chart uses D3 version 6, loading data from a remote GitHub URL. The code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and renders bars with the `rect` element. The visualization is built with D3's declarative `join` operation to append rectangles, and axes are created using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels.

DDmitry Bodunov
79% match
Loading thumbnail…

Untitled

This example shows a horizontal bar chart of country populations, with each bar’s length proportional to population size and bars stacked vertically by country name. The visualization uses D3.js’s `csv` loader to parse `data.csv`, then applies `scaleLinear` for the x-axis and `scaleBand` for the y-axis to position rectangles appended to an SVG. The code selects the SVG element, sets bar heights via `yScale.bandwidth()`, and renders the chart in React with a minimal HTML page.

BBlackercake
79% match