vp9156623@gmail.com

Tree Visualization

Network Graph

Scatter Plot

This scatter plot visualizes the relationship between calorie content and price for menu items, with each point colored by category using a D3 ordinal color scale. The visualization uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for ticks. Data is loaded asynchronously from a GitHub gist via `d3.csv`, then mapped to SVG circles with `d3.select` and `append`. The SVG rendering includes styled axes and labeled dots within a fixed 460×400 viewport.

Flower

This example loads a CSV file from a remote URL using D3.js v7 and displays a summary of its size, row count, and column count in a styled text block. The page also renders a static smiley face using SVG primitives like circles and a path, with CSS controlling layout and colors. The CSV data is fetched and parsed with `d3.csv`, then formatted with `d3.csvFormat` to calculate its byte size. The visualization demonstrates basic data loading and parsing while combining text output with simple vector graphics in the same document.

Fork of homework smiley face with butterflies

A central smiley face with large circular eyes and a black arc mouth is rendered inside an SVG canvas. Four simple red butterflies, each drawn with ellipses for wings and lines for antennae, are positioned at the canvas corners. The visualization uses React components for structure and D3 v7’s `arc` generator to create the mouth path, with static SVG elements for the face and butterfly shapes.