jamal.bacha@gmail.com

@jamalait·3 public vizzes

Fork of Smoothed D3.js Radar Chart

This fork of the smoothed D3.js radar chart compares smartphone attributes—battery life, brand, contract cost, design, connectivity, screen size, price, and smartness—across three products: iPhone, Samsung, and Nokia. Rendered as animated SVG, the chart uses an ordinal color scale, a logarithmic-free linear radius scale, and a glow filter for emphasis. Circle grids with percentage labels and tooltips communicate relative values. The example reuses Nadieh Bremer’s radar chart function with D3 v3, configured for seven levels and a maximum value of 0.5.

Feb 22, 2022

Loading thumbnail…

Hello VizHub

This example displays a horizontal bar chart of financial data for major companies, including market capitalization values from the `rtData` array. The chart uses D3 v6 scales (`d3.scaleLinear`) and color interpolation to map values from orange to red. It demonstrates ES6 module imports, local module usage with `myMessage.js`, and DOM manipulation via `d3.create` and `svg.selectAll().join()`. The visualization also includes axis generation with `d3.axisBottom` and text labels showing company names.

Mar 14, 2021

Loading thumbnail…

Fork of HTML Starter

This example renders a 3 by 3 matrix of text labels using D3 v6 within an SVG container. The code defines a fixed width and height for the SVG and creates a group element for each row of the data array, translating each group vertically. Within each group, it appends text elements positioned horizontally, all displaying the string "toto". The visualization demonstrates how to bind nested data arrays to groups and use selection methods to generate repeated SVG elements based on that data structure.

Jan 26, 2021