Lokeyyyy

@Lokeyyyy·4 public vizzes

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.

May 3, 2021

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.

Apr 29, 2021

Loading thumbnail…

Fork of React Starter

This example demonstrates a basic scatter plot with labeled X and Y axes, both scaled from 0 to 100. It uses D3 v3 to create an SVG container, apply linear scales, and render axes via `d3.axisBottom` and `d3.axisLeft`. The chart is embedded within a React application, though the code shown only initializes the SVG and axes without adding any data points.

Apr 29, 2021

Loading thumbnail…

Fork of HTML Starter

This example presents a minimal HTML page displaying the text “Hello HTML” in the center of the viewport, styled with a 13em font size. It uses inline CSS for layout and JavaScript’s `console.log` to output “Hello JavaScript!” to the browser’s developer console. The page demonstrates the basic structure of an HTML document combined with CSS and JavaScript, serving as a barebones starter template for web development.

Mar 24, 2021