Skip to main content
SimilarExport ZIP
100%

NCNCA Total Events vs Canceled 2011-2016

✓ Published0🌍 Public
RRestuta
Last edited Aug 28, 2016
Created on Aug 28, 2016

This chart visualizes the ratio of canceled to total NCNCA cycling events from 2011 through 2016, with each year’s cancellation percentage overlaid on a stacked bar that also shows absolute event and cancellation counts. The data, sourced from a gist by Restuta, is rendered using D3.js, drawing SVG bars and labels with d3.scaleBand and d3.scaleLinear. Each year displays its percentage as a number above the bar, while the underlying arrays for totalEvents and totalCanceled drive the bar heights, making both proportional trends and raw figures directly comparable.

AI-generated description

Similar vizzes

Loading thumbnail…

Traffic Fatalities in North Carolina, 2012

This horizontal bar chart shows monthly traffic fatalities in North Carolina for 2012, with each bar’s length representing the fatality count and a hover effect highlighting the bar in blue. The visualization uses D3.js to bind the dataset, scale the x-axis linearly and the y-axis ordinally, and render SVG rectangles and text labels. Bars animate their width and labels on page load via chained transitions with staggered delays. The chart includes axes, with the y-axis labels hidden for a cleaner look, and sources data from the North Carolina Department of Transportation.

JJoshAddington
57% match
Loading thumbnail…

2016 race plan for Rob

This sample visualizes the 2016 race season for an individual cyclist, plotting events such as Circuit Races, Road Races, Time Trials, and Criteriums on a timeline. The data, sourced from a plain-text Markdown file, is parsed to extract event dates, names, and attributes like priority and duration. The visualization uses a custom-built calendar-grid layout to display each month, with individual race markers color-coded by event category and labeled with their specific discipline. The code relies on a custom JavaScript parser and DOM manipulation for rendering, without external charting libraries.

RRestuta
56% match
Loading thumbnail…

better

A line chart displays the number of Olympic events held from 1904 to 2012, using data from a JSON file that includes details on participants, countries, and sports for each Summer Games. The visualization uses D3 v3 to create the chart, applying a time scale for the year axis and a linear scale for event counts, with a basis interpolation smoothing the line. The code sets a fixed y-domain from 43 to 303 events, and styling applies a steelblue line with axis labels, though the y-axis text is mislabeled as "Temperature (ºF)."

NN0taN3rd
56% match
Loading thumbnail…

Stacked bar

This stacked bar chart shows the top 10 NASCAR drivers by total wins across different tracks from 1975 to 2003, with each bar segmented by track and colored accordingly. It uses vega-lite API to create the visualization, loading data from a CSV file via d3.csv. The bars are sorted descending by win count, and a tooltip displays the driver name and track-specific win totals. The color scale maps track names to distinct colors, while config.js customizes axis and label styling. The encode method specifies x, y, and color channels with count aggregation.

TThaverman
54% match
Loading thumbnail…

Bar Chart Showing NCAA Women's Volleyball Data

This bar chart visualizes average hitting percentages for NCAA women’s volleyball teams across 18 schools from 2012–2019, with teams sorted from highest to lowest average. The code processes player-level CSV data by aggregating hitting percentages per school, then renders bars using D3’s scaleBand and scaleLinear with axisBottom and axisLeft. Each bar’s fill color comes from a school-specific color mapping, with a fallback steelblue. The React app loads data via D3’s csv method, filters to target schools, and passes the processed dataset to the viz function for rendering.

EEmily Hudson
54% match
Loading thumbnail…

CKYC Bar Chart

This bar chart visualizes the month-wise count of CKYC successes for 2020, showing a clear downward trend from January through June. The chart uses D3 v5 to render SVG elements, employing `scaleBand` for the categorical month axis and `scaleLinear` for the record count axis. Data is loaded from a CSV file containing two columns: Month and RecordCount. The visualization includes axis labels and a title, with grid lines styled via CSS.

Aakshaypoojary
54% match
Loading thumbnail…

Timeline

This timeline displays yearly data from 2008 to 2020, showing the number of lines and the ratio of non-NA values as colored bars. The visualization uses a linear scale for both axes, with bars colored from red to green based on the ratio, and includes an interactive tooltip that reveals exact values on hover. Rendered as an SVG animation, the example loads D3 via UNPKG and imports functions like `scaleLinear`, `axisBottom`, and `axisLeft` from the D3 module, with data provided inline as an array of objects.

MMauradion
54% match
Loading thumbnail…

NASCAR Statistics Dashboard

This dashboard presents a comprehensive view of NASCAR race statistics from 1975 to 2003, combining multiple visualization types to explore driver performance, track characteristics, and car manufacturer finishes. The interface integrates a scatter plot with interactive dropdown controls for examining different race metrics, a color-coded map showing track locations, stacked bar charts displaying top winners, and additional bar and point charts. Built with React and D3, the visualizations use SVG rendering, with the map employing d3.geoPath for geographic display and Vega-Lite APIs for several chart types. The scatter plot includes hover interactions on its color legend to highlight specific tracks, while tooltips provide detailed race information.

RRobert Johnson
54% match