Test années

100%

✓ Published0🌍 Public

Last edited Nov 25, 2019

Created on Nov 25, 2019

A line chart displays the number of blood donors across ten French election years from 1973 to 2016, using yellow-filled points connected by a thin border. The visualization uses Chart.js 2.x with a canvas renderer, custom white background drawn via the beforeDraw plugin, and hidden legend. Tooltips show values with custom gray styling, while axes display year labels without gridlines on the x-axis and zero-based scaling on the y-axis.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This doughnut chart visualizes the number of donors across ten distinct years, from 1973 to 2016, using data embedded directly in the script. Each segment’s size and color represent the count for that year, with labels displayed outside the chart via the ChartDataLabels plugin. The visualization is rendered on a Canvas using Chart.js 2.x, configured with a legend on the right and hidden axes to emphasize the proportional data. The code also includes a separate D3.js line chart example with time-based scales and axes, though it is not displayed in this view.

Aaudreyfr

67% match

Loading thumbnail…

Line Chart - Test lignes

This line chart displays the number of music tracks per genre across release years, using a single red line to connect data points from a small JSON dataset. The visualization loads its data from `data2.json` and renders an SVG with D3 v5, using `scaleTime` for the x-axis and `scaleLinear` for the y-axis. The code generates gridlines with axis ticks, labels the axes "Date" and "Nombre de Musique", and titles the graph "Test". The line path is drawn using `d3.line`, with data points representing genres like Country and Pop at various dates.

EElodie31190

63% match

Loading thumbnail…

Line Chart - Test données - Ju'

This line chart visualizes the number of music releases per year, aggregated by genre from a JSON dataset. It uses D3 v5 to parse the data, dynamically counting releases per year for each genre and rendering a single red line path. The visualization employs `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` with gridlines, and `d3.line` to generate the SVG path. Data is loaded via `d3.json` and processed in JavaScript before being drawn.

EElodie31190

63% match

Loading thumbnail…

Fork of Fork of Line Chart - Test données - Ju backup

This chart tracks the popularity of an artist's albums over time, using a red line to show the rising and falling number of Deezer fans for each release. The data is pulled from a JSON file, which is sorted and aggregated by genre and release year. Built with D3 v5, the visualization uses time and linear scales to map dates and fan counts, with axis labels and tick marks rendered via `axisBottom` and `axisLeft`. The line is generated using `d3.line` and appended to an SVG canvas.

Jjulienrbd

63% match

Loading thumbnail…

Test

This example shows a running total increasing from 5 in 1949 to nearly 15,000 by 2019, plotted as a line chart over time. The visualization uses D3.js, importing the `select` function to set text content of a message div, while the data is loaded from a CSV file with yearly values. A dark blue background with large Ubuntu font styling frames the sparse HTML page, with the actual chart code commented out as a placeholder for future implementation.

Cchipri

63% match

Loading thumbnail…

Fork of HW5: Stacked Bar Charts

This stacked bar chart visualizes the distribution of five opinion categories—ranging from "Tout à fait d'accord" to "Sans opinion"—across six French presidential candidates. Each bar represents a candidate, with segments colored by response type. The chart uses D3.js v6 to render SVG, with interactive dropdowns allowing users to filter by response category and sort the bars by ascending or descending total value. The legend uses a distinct color palette (dark green, light green, orange, red, and light gray) to map each response category, and a button triggers the re-rendering of the visualization based on selected options.

Oobope@proton.me

62% match

Loading thumbnail…

Line Chart - Amélioration test

This line chart visualizes the evolution of the number of music releases per year, with lines colored by music genre. The data is sourced from `album.json` and processed by grouping entries by genre and year. The D3 v5 library is used to create the SVG rendering, with `scaleTime` and `scaleLinear` for the axes, `nest()` for grouping, and `line()` to draw the paths. The chart updates dynamically after the JSON data is loaded and sorted.

EElodie31190

62% match

Loading thumbnail…

Fork of Line Chart - Test données - Ju'

This visualization shows the number of music releases per year grouped by music genre. It renders a single line chart with a red stroke representing these counts over time, using an SVG canvas of 960x500 pixels. The chart is generated with D3 v5, using functions like `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, and `line` to create the path. Data from a local `data.json` file is processed in JavaScript to aggregate release dates by genre before being passed to the rendering function.

Jjulienrbd

62% match