Tanviwalanj

@Tanviwalanj·2 public vizzes

Fork of Untitled

This interactive visualization displays a hierarchical circular packing diagram of the Flare software project's class structure, where nested circles represent parent-child relationships and their sizes encode the relative code volume. Built with D3.js v4 within a React framework, the SVG-based animation supports zooming and panning through the `d3.pack` layout algorithm. The visualization uses smooth transitions via `d3.transition` to animate between hierarchy levels, with color gradients applied based on depth using `d3.scaleLinear`. Users click on circles to explore the tree, while labels fade in and out to show only the currently focused level.

May 9, 2023

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes a dataset of Indian foods by plotting each dish as a point along two quantitative axes: course and preparation time. The points are rendered with low opacity and a large size, creating overlapping clusters that reveal density patterns across meal types and cooking durations. The visualization is built with the Vega-Lite API, using `vl.markPoint` and `.encode` to define the x and y fields, while D3’s `csv` loader fetches the data from a Kaggle-hosted CSV file. Custom axis styling and tooltip handling are configured via a separate config object and the Vega Tooltip handler.

May 9, 2023