jwr2023

@jwr2023·4 public vizzes

Pie Chart Example

This example displays a pie chart representing web development data. It uses Chart.js, loaded from a CDN, to render the visualization on an HTML canvas element. The page includes a container with a heading and a canvas with the ID "pie-chart," where Chart.js draws the pie chart. The chart is rendered client-side using the Canvas API, and the dataset is defined within the script, though the actual chart configuration and data are not fully shown in the provided code.

Nov 3, 2023

Loading thumbnail…

Wykres Słupkowy

This example presents a bar chart depicting product sales across five categories, labeled as Kategoria A through E. The chart renders sales values as steelblue bars within an SVG container, with axes and value labels. The visualization uses D3 version 7, applying the `d3.scaleBand` and `d3.scaleLinear` for axis mapping, and `d3.axisBottom` and `d3.axisLeft` for rendering the axes. Data is hardcoded in the script and displayed using D3's selection and `.enter()` methods.

Nov 3, 2023

Loading thumbnail…

Prosty wykres liniowy

This example demonstrates a simple line chart plotting five data points with x-values from 0 to 4 and corresponding y-values. The visualization uses D3 version 6 to create an SVG rendering, featuring a steelblue line with axes labeled on the left and bottom. The code constructs the chart by applying `d3.scaleLinear` for both x and y axes, using `d3.extent` and `d3.max` to determine domains, and generates the line via `d3.line`. Axis labels are added with text elements, and the y-axis is rotated to display "Wartość".

Nov 3, 2023

Loading thumbnail…

AI1.02.11

This example demonstrates a collection of JavaScript utility functions that perform calculations and string manipulations, logging results to the browser console. The code defines functions to compute squares, BMI, arithmetic means, maximum values, string reversal, vowel counts, and palindrome checks. It uses standard JavaScript features like `arguments` objects, `Set` for vowel detection, and array methods (`split`, `reverse`, `join`). While the page loads D3 v7 via a CDN, the visualization itself does not employ any D3 APIs, instead relying solely on vanilla JavaScript logic and console output.

Nov 3, 2023