fresh block 2

100%

✓ Published0🌍 Public

Last edited Jan 2, 2017

Created on Jan 2, 2017

The visualization displays the league table positions of four French football teams—Angers, Monaco, Saint-Etienne, and Guingamp—across 38 matchdays of the 2015-2016 season. Each team is represented by a colored line that traces its weekly rank, with a lower y-axis position indicating a higher league standing. The chart uses D3 v3 to render SVG paths, applying a basis interpolation to smooth the lines. Data is loaded from a semicolon-delimited CSV file using `d3.dsv`, and scales are defined with `d3.scale.linear`. The y-axis is generated via `d3.svg.axis`, while each line is created with `d3.svg.line`.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This visualization shows a time series of stock prices for multiple entities (Angers, Monaco) over a year, with each actual price point accompanied by a cascade of up to 38 forecasted values (pred1 through pred38) drawn as separate steel-blue lines. The D3.js v3 code defines multiple `d3.svg.line` objects, one per prediction horizon, all sharing a time-scaled x-axis and linear y-axis. The SVG paths are animated, and the data is loaded from a CSV file, with axes formatted using `d3.svg.axis` and dates parsed via `d3.time.format`. The chart emphasizes how forecasts progressively converge or diverge from the observed price series over time.

OOrhanYaz

73% match

Loading thumbnail…

fresh block

A monthly time-series line chart displays a dataset of twelve alphabetical categories (A–L) with associated values. The visualization uses an SVG line and red circular markers to trace value changes over time. Built with D3.js v3, it employs ordinal and linear scales, a line generator, and custom mouseover/mouseout interactions that highlight data points with blue fills, dashed vertical guide lines, and enlarged value labels. The chart reads from an external JSON file, rendering axis labels as text elements and supporting smooth transitions during hover effects.

BBrunoDumas

70% match

Loading thumbnail…

fresh block

Three vertical rectangles form the French flag, with blue, white, and red bars rendered side by side on an SVG canvas. The visualization uses D3 v4 with the `d3.select` API to append an SVG element and the `append("rect")` method to draw each bar. The data is stored in a JavaScript array of objects specifying height, width, fill color, and x-coordinates, with y-position fixed at 200. The code directly sets each rectangle's attributes using inline functions, providing a simple static example of categorical color encoding.

HHeywhoyou22

69% match

Loading thumbnail…

fresh block

A small multiple line chart shows monthly values for a single series across twelve months, with grey circles marking each data point. Hovering over a circle highlights it in red, brings it to the front, draws a dashed vertical guide line to the baseline, and animates a large value label near the point. Built with D3 v3, the visualization uses an ordinal x-scale for month names, a linear y-scale for values, and SVG paths, circles, and text elements. The data comes from a local JSON file with name, value, and date fields, parsed via `d3.time.format`.

BBrunoDumas

69% match

Loading thumbnail…

d3js workshop - bar chart

This bar chart visualizes the English Premier League standings as of February 2015, showing each team’s total points. Using d3.csv to load the league table, it maps team names to horizontal bars whose widths are scaled linearly to the PTS column. The SVG rendering places team point totals at the end of each bar, with a fixed bar height and padding for clarity. The code relies on d3.scale.linear for the x-axis scale and d3 selection/enter/append patterns to construct the chart, though it does not include axes, labels, or interactivity beyond the static bars.

AAlbertFranco

69% match

Loading thumbnail…

fresh block

A stacked area chart displays how four unnamed data categories change over time, with each layer labeled at the right edge and a y-axis formatted as a percentage. The code loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and builds the visualization using `d3.stack`, `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. SVG rendering and axes are created with `d3.axisBottom` and `d3.axisLeft`.

AAsilve00

69% match

Loading thumbnail…

fresh block

A stylized area chart displays layered time-series data using a silhouette offset to show relative values across categories. The visualization uses D3 v2 with SVG rendering and cardinal interpolation to create smooth, overlapping curves in an orange color palette. Users can hover over any layer to highlight it while dimming others, with a tooltip revealing the specific category name and value at the cursor position. The chart loads data from an external CSV file and includes both left and right y-axes with a weekly time scale on the x-axis.

PPardhu448

69% match

Loading thumbnail…

Premier League Interactive

This interactive visualization presents football league tables and match data across multiple European leagues, including the Premier League, La Liga, Serie A, and the Bundesliga. Users can switch between leagues via clickable headers, which triggers a smooth D3 v4 transition that reorders table rows by position. The table is rendered as SVG with dynamic highlighting and filtering, while a subtle animation effect repositions teams when sorting by different columns. The visualization is built with D3.js and includes custom styling with Google Fonts, with team crests and match data displayed in an interactive, sortable table format. The color scheme uses a light grey background with black text and interactive elements that highlight on hover.

FFootyNumb3rs

69% match