Advanced Data Visualization

A curated portfolio of interactive and scientific visualization projects built with D3.js, SVG, and VTK.js.

Overview

This repository contains selected projects from an advanced data visualization course, reorganized into a professional portfolio format. The projects cover interactive charts, linked views, brushing, multivariate visualization, contour extraction, transfer functions, and volume rendering.

Featured Visualizations

1. D3 Charts

Interactive charting using D3.js, SVG, scales, and data-driven rendering.

Folder: d3-charts/

2. Linked Views & Brushing

Interactive visualization of the Iris dataset using linked views and brushing.

Folder: linked-views-brushing/

3. Parallel Coordinates

Multivariate visualization of the Palmer Penguins dataset using parallel coordinates and interactive brushing.

Folder: parallel-coordinates/

4. Marching Squares

Scientific visualization project implementing contour extraction from scalar fields using the Marching Squares algorithm.

Folder: marching-squares/

5. Volume Rendering

3D scientific visualization using transfer functions, opacity mapping, and VTK.js volume rendering.

Folder: volume-rendering/

Technologies Used

• JavaScript
• D3.js
• SVG
• HTML/CSS
• VTK.js
• Scientific Visualization
• Interactive Data Visualization

How to Run

Each project is self-contained.

Open the index.html file inside any project folder using a browser, or run it with the VS Code Live Server extension.

Example:

linked-views-brushing/index.html