Skip to main content
SimilarExport ZIP
100%

Fork of Untitled

✓ Published2🌍 Public
HHelen-Luwei-Zhang
Last edited Dec 12, 2021
Created on Dec 12, 2021
Forked from Untitled

This visualization displays uptime data in hours for five dates in January 2017, using a bar chart rendered as SVG. The bars use a steelblue fill that turns brown on hover, with axes styled to remove the x-axis path. The code leverages d3.v4, using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes. Data is embedded in the script, converted from seconds to hours, and plotted with a y-axis labeled “Frequency.”

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example shows a bar chart of server uptime in hours across five dates in January 2017, with hover highlighting on each bar. The visualization uses D3 v4 to bind the dataset, scales it from seconds to hours, and renders the bars as SVG rectangles with axes. It employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for the ticks. The bars change color on mouseover via CSS, while the data comes from an embedded inline array rather than an external file.

HHelen-Luwei-Zhang
87% match
Loading thumbnail…

Fork of Fork of Untitled

This example shows a bar chart of server uptime in hours across five dates in January 2017, using d3.scaleBand and d3.scaleLinear. The chart renders as SVG with hover highlighting, changing bar color from steelblue to brown on mouseover. The data is loaded from an external CSV file about crimes against Indian women, though the visible dataset is hardcoded inline. Two donut charts are mentioned as new features, but the code only implements the bar chart with simple axes and bar rects.

VVamsiYandapalli
86% match
Loading thumbnail…

Fork of Untitled

This bar chart displays the daily earnings of individuals, with each person’s name on the x-axis and their corresponding amount on the y-axis. The visualization uses D3 v6 to load CSV data asynchronously via `d3.csv`, then binds it to SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The chart is rendered as static purple bars within an SVG canvas, with axis labels positioned manually via HTML divs.

VVineela Reddy
80% 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
78% match
Loading thumbnail…

Fork of Fork of Hello VizHub

A line chart tracks daily message counts over one week, with each day marked by a black-outlined circle and a blue "note" label. The visualization uses d3.line with curveMonotoneX to smooth the path, d3.scaleTime for the x-axis, and d3.scaleLinear for the y-axis. Data is generated randomly from category arrays and parsed dates, rendered as an SVG with styled axes and grid lines. The code imports custom axis classes to build the chart.

MMarcelo
77% match
Loading thumbnail…

Fork of Untitled

This example tracks the cumulative number of VizHub users since the platform’s launch on August 14, 2018. It displays a streamgraph where stacked, colored areas represent user growth over time, with a moving vertical cursor that highlights the current date. The visualization uses D3’s `d3.stack()` and `d3.area()` to construct the layered paths, while `d3.brushX()` and a custom `d3.scaleTime()` axis enable interactive time-window selection. Data is loaded from a local CSV file and rendered as an SVG with smooth transitions between brushed states.

CChristian
76% match
Loading thumbnail…

s Fork of Untitled

This example shows an interactive, animated bar chart built with React and D3 v2, where each bar is rendered as an SVG rectangle with a drop-shadow filter. The chart uses a hierarchical data structure, displaying captions as x-axis tick labels and mapping numeric values to bar heights via `d3.scale.ordinal` and `d3.scale.linear`. Data transformation and bar layout are handled by custom functions called from a jQuery document-ready handler, with axes generated using `d3.svg.axis`. The visualization updates dynamically, though the specific dataset source is not shown in the provided code.

SSaahithi49
76% match
Loading thumbnail…

Untitled

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.

LLokeyyyy
76% match