JennKempCodes

@JennKempCodes·2 public vizzes

fresh block

This example presents a donut chart displaying the age distribution of a population, with each slice colored and labeled by age group. The chart is created using D3 v4, employing the `d3.pie` function to compute arc segments and the `d3.arc` API for rendering both the chart's path and label positioning. Data is loaded from a CSV file with columns for age and population, and the ordinal color scale assigns distinct colors to each category. The visualization renders as an SVG element, with white text labels placed at the centroid of each arc for clarity.

Sep 23, 2017

Loading thumbnail…

Create a Bar Chart

This example shows a simple bar chart depicting the frequency of five Romance languages (Spanish, Portuguese, French, Italian, and Romanian) using data loaded from a tab-separated values file. The chart renders as an SVG, with bars colored purple that darken to a reddish hue on hover. It uses D3 v4’s `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, along with `d3.axisBottom` and `d3.axisLeft` to display labels and percentage ticks. The y-axis is annotated with the title “Frequency.”

Sep 23, 2017