namkhang0807@gmail.com

@NamKhagg·4 public vizzes

Đồ Án Thực Hành

This visualization presents a multi-question analysis of supermarket sales data, beginning with a bar chart that displays the average customer rating for each city (Yangon, Naypyitaw, and Mandalay). The D3.js v4 code loads data from CSV files, including `supermarket_sales.csv` and `city.csv`, and uses `d3.nest()` and `d3.mean()` to aggregate ratings. Interactive mouseover events change bar colors and display values, while SVG text elements label the chart axes. The entire layout is constructed using D3 selections and scales within a React framework.

Jan 5, 2024

Loading thumbnail…

Fork of Let's make a face with D3.js!

A yellow smiley face with moving eyebrows demonstrates fundamental DOM manipulation in D3. The code uses d3.select and append to build SVG circles for the face and eyes, rectangles for eyebrows, and a d3.arc-generated path for the mouth. An eyebrow group animates via chained transition and duration calls, shifting its translate transform up and down over two seconds. The example uses D3 v5 with a declarative selection-based approach, rendering entirely in SVG.

Jan 3, 2024

Loading thumbnail…

Đồ án thực hành

This dashboard displays ten interactive charts analyzing a supermarket sales dataset. It shows the average customer rating per city as a bar chart, and visualizes the percentage distribution of payment methods. Built with D3.js v4 and raw JavaScript, the code uses `d3.nest()`, `d3.scaleLinear()`, and `d3.scaleBand()` to aggregate and render data. The SVG charts include tooltips on mouseover, and data is loaded from CSV files like `supermarket_sales.csv` and `city.csv`.

Dec 31, 2023

Loading thumbnail…

DATH_TQHDL

This example displays the text “Hello D3 version 7” prominently on a blank page, using a large font size for a straightforward visual demonstration. It shows a minimal single-page setup that imports D3’s `select` function and applies it to the body element to set its text content. The page loads D3 v7 from a CDN and uses a separate `bundle.js` file for the main script, with the styling defined in an HTML `<style>` block.

Dec 29, 2023