JRohatiner

@jrohatiner·2 public vizzes

Pie Chart ng

This pie chart displays average test scores for five assignments, with labels positioned at each slice's centroid and hover/click interactions that reveal exact values. The visualization uses D3 v5 (d3.pie, d3.arc, d3.scaleOrdinal) to convert CSV data into an SVG pie chart, with a tooltip triggered by mouse events. The configuration object in the code supports click and hover event handlers, while colors derive from the d3.schemeCategory10 palette.

May 20, 2022

Loading thumbnail…

Bar Chart ng

This bar chart displays country populations from a CSV file, with horizontal bars ordered by country name. The visualization supports configurable axis labels, grid lines, and interaction toggles for hover tooltips and click alerts. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements dynamically based on a chart configuration object.

May 20, 2022