Theo-Jaunet

@Theo-Jaunet·5 public vizzes

fresh block

This bar chart displays the frequency distribution of delayed flights from a CSV dataset. The visualization maps categorical letters on the x-axis against percentage values on the y-axis, using a linear scale with ten ticks. Built with d3.v4, the SVG chart employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for axes. Bars are rendered as SVG rectangles with a steelblue fill that turns brown on hover.

Jan 6, 2018

Loading thumbnail…

Gist 85b6b00e01da5a9841f077902294c45b

A choropleth map of French regions animates through weekly influenza case counts from 2014, with a slider controlling the displayed week. The visualization colors each region using a `d3.scaleQuantize` based on the selected week’s data, and includes a tooltip that shows the region name and value on mousemove. The map is drawn with `d3.geoPath` and a `d3.geoConicConformal` projection, while a CSV file supplies the weekly data and a JSON file provides region boundaries.

Dec 7, 2017

Loading thumbnail…

temp

A small multiples line chart shows monthly stock price history for Microsoft, Amazon, and IBM, with each symbol rendered as a separate panel. The visualization animates through repeating cycles: areas smoothly fill beneath each price curve one by one, then reset, creating a continuous looping effect. Built with D3 v4, the code uses `d3.nest()` to group data by symbol, `d3.line()` and `d3.area()` with `d3.curveBasis` for smooth paths, and `d3.timeParse` for dates. Panels are sorted by maximum price, and each area fill cycles through a categorical color scale. Data comes from an external CSV file.

Nov 28, 2017

Loading thumbnail…

tp2

This interactive line chart visualizes a small time series dataset containing seven monthly values. A black line connects circular markers, which turn red and display their numeric value on hover, along with a dashed vertical guide line descending to the baseline. The bottom axis shows abbreviated month labels. Built with D3 v4, the visualization uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and SVG elements with transition effects for the hover interactions. The data is loaded from a local JSON file.

Nov 12, 2017

Loading thumbnail…

fresh block

This example displays a minimal, empty SVG canvas with a single static text message reading “Edit the code below to change me!” positioned at a fixed coordinate. It uses the d3.v4 library via a script tag, appending an SVG element to the body and adding a text node with d3.select and svg.append. The visualization serves as a placeholder template for Blockbuilder.org, with a fixed full-viewport body style and no interactive or data-driven elements beyond the literal text.

Nov 10, 2017