pratamamp

@pratamamp·4 public vizzes

S&P 500 Index

This example visualizes the closing price of the S&P 500 index from 1980 to 1998 using a simple line chart. The chart displays the index's upward trend with individual data points marked by circles. The visualization is built with d3 v5, using d3.csv to load data, d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.line with curveLinear to draw the polyline. The graph is rendered into an SVG element with axes generated by d3.axisBottom and d3.axisLeft.

Dec 25, 2019

Loading thumbnail…

D3 v5 Zoomable Sunburst

This example shows a zoomable sunburst visualization of hierarchical data from the Observable Flare dataset. Users click on arcs to zoom into deeper levels, and a central circle returns to the root. Built with D3 v5, it uses `d3.partition`, `d3.hierarchy`, and `d3.arc` for layout, with `d3.scaleOrdinal` and `d3.interpolateRainbow` for coloring. Transitions animate arc paths and labels via `transition.attrTween` and `d3.interpolate`. The SVG renders with clickable paths and a reset circle.

Dec 4, 2019

Loading thumbnail…

Warfarin BarChart with Custom Axis

This bar chart displays the changing number of patients in the AF Well health state within the Warfarin Arm Line of Therapy 1 cohort across simulated years, with age on the y-axis and cohort count on the x-axis. Using D3 v5, the visualization employs a `scaleLinear` for counts and `scaleBand` for age groups. The SVG rendering includes a custom x-axis with tick lines extending through the chart, while the y-axis removes domain and tick lines. Data is loaded via `d3.csv` from the provided CSV file, with all numeric fields explicitly parsed.

Dec 4, 2019

Loading thumbnail…

Cars Report

This example displays a static Cars Report page with a large, centered test message rendered on a dark blue background. It uses plain DOM manipulation via `document.getElementById` to set text content, with the application logic separated into an ES module that imports a placeholder `cars` export. Styling relies on standard CSS with an external Ubuntu font import, and the page loads through a bundled `bundle.js` file. The visualization does not yet render any car-related data or interactive charts.

Oct 8, 2019