gregstaity

@gregstaity·4 public vizzes

Warfarin BarChart with Custom Axis

This bar chart tracks the decline of patients in the AF Well state within the Warfarin Line of Therapy 1 over advancing age, from 70 to 90 years. Each bar represents the cohort count at a specific age, showing a clear downward trend as the population ages. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with a custom tick format. The chart also includes horizontal grid lines and a custom title, with data sourced from a CSV file containing 36 parsed numerical columns.

Nov 30, 2019

Loading thumbnail…

Warfarin BarChart with Custom Axis

This bar chart displays the decreasing number of patients in the AF Well state across advancing ages in the Warfarin arm's first line of therapy. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical age groups on the y-axis. The code loads data from a CSV file containing simulation model outputs, and custom axis formatting includes removed tick lines and a manually positioned title. The chart highlights how the well population cohort declines from 1000 at age 70 to near zero by age 90.

Nov 29, 2019

Loading thumbnail…

Warfarin BarChart

This bar chart shows how the AF Well Population cohort changes across several years in the PRIME model, plotting age bands on the y-axis and the number of individuals in the L1_AFWell state on the x-axis. The visualization uses D3 v5 to load CSV data and render an SVG, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft` and `axisBottom` to generate the chart’s axes. Each bar’s height corresponds to the age category, while its width represents the population count.

Nov 29, 2019

Loading thumbnail…

Cars Report

This example generates a text-based report of cars priced under $1,950 from a small embedded dataset. It filters the list of five car records by price, formats each entry as a string combining year, make, model, and price, then displays the resulting multi-line message in a large `<pre>` element. The code demonstrates modular ES6 imports (using `cars.js`, `generateReport.js`, and `formatCar.js`) and manual DOM manipulation via `textContent` in `index.js`.

Oct 11, 2019