Skip to main content
SimilarExport ZIP
100%

Gist 1f8fbb4e3c5e59a3a46d

✓ Published0🌍 Public
CCaged
Last edited Nov 6, 2014
Created on Nov 6, 2014

This streamgraph visualizes the rise and fall of programming language popularity on GitHub from 2008 to 2009, using a stacked area layout rendered in SVG via D3 v3. Each colored band represents a language’s share of activity per month, with the x-axis showing time and the y-axis the percentage of total activity. The data reveals how languages such as C, JavaScript, and Ruby dominate the early period, while smaller languages like Erlang, Scala, and Haskell appear intermittently, and the overall composition shifts dramatically over time as different languages gain and lose share.

AI-generated description

Similar vizzes

Loading thumbnail…

Most Popular Programming Languages

A horizontal bar chart ranks the ten most popular programming languages on GitHub by active repository count, with JavaScript leading and C# trailing. The visualization uses D3 v5’s `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `axisLeft` and `axisBottom` for tick labels. Data is loaded from a local CSV via `csv` and rendered as SVG rectangles. Population counts are multiplied by 1,000 to reflect actual repository numbers, with bars styled in steel blue via CSS.

Ffloresh
78% match
Loading thumbnail…

Most popular programming languages on StackOverflow

This animated bar chart illustrates the monthly popularity of programming languages on StackOverflow from 2009 to 2019, with each bar’s length representing a language’s share of all tagged questions. Using D3 and D3FC, the visualization updates every 800 milliseconds, with bars smoothly transitioning in length and position via D3FC’s built-in transition support. Data comes from the StackOverflow Data Explorer query, and the rendering uses D3FC's `seriesSvgBar`, `chartCartesian`, and `extentLinear` components.

CColinEberhardt
78% match
Loading thumbnail…

Bar chart with D3.js

A bar chart ranks the "most loved" programming languages by percentage, from Rust at the top to Clojure at the bottom. Built with D3.js v5, it uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, rendering bars as SVG rectangles. On mouse hover, the chart highlights the selected bar, draws a dashed threshold line with `line#limit`, and displays the percentage divergence of every other language from the hovered one. A dataset of ten languages is hardcoded in the JavaScript.

GGogineni44
75% match
Loading thumbnail…

Bar chart with D3.js

This bar chart visualizes the popularity of programming languages from a 2019 Stack Overflow survey, showing each language's percentage value above its corresponding bar. Built with D3.js v5, the SVG chart uses `d3.scaleLinear` for the y-axis, `d3.scaleBand` for categorical x-axis placement, and `d3.axisLeft`/`d3.axisBottom` to render axes with gridlines. Interactive mouseenter and mouseleave events trigger `transition` animations that highlight a bar and display divergence percentages for all other languages relative to the selected one.

Ssndcaldgafz
74% match
Loading thumbnail…

Bar chart with D3.js

This bar chart displays the most loved programming languages in 2018, based on Stack Overflow survey data, with each bar’s height representing the percentage of developers who reported loving that language. The visualization is rendered as an SVG with D3.js v6, using `d3.scaleBand` and `d3.scaleLinear` for the axes. Hovering over a bar triggers a transition that highlights the selected bar, increases its width, draws a dashed reference line at the hovered value, and displays percentage divergence labels for all other bars relative to the selected one. The chart includes grid lines, axis labels, a title, and a source attribution.

MMinwoo Pak
74% match
Loading thumbnail…

Bar chart with D3.js

A bar chart displays the popularity of programming languages from Stack Overflow's 2019 survey, with values as percentages. Built with D3.js v5, the SVG visualization renders horizontal axes and animated bars, and includes hover interactions that highlight a selected bar, display a dashed reference line, and compute value divergences against other languages. The chart uses `d3.scaleLinear` and `d3.scaleBand` for axis scaling, `d3.axisLeft` and `d3.axisBottom` for ticks, and `d3.selectAll` with transitions to manage mouseenter and mouseleave effects.

Eest85
74% match
Loading thumbnail…

Interactive Bar Chat

An interactive bar chart displays the 2018 Stack Overflow popularity ratings for ten programming languages, with each bar labeled by its percentage value. Hovering over a bar highlights it, increases its width, draws a dashed threshold line at that language's value, and reveals each bar's percentage difference relative to the highlighted language. The visualization is built with D3 v5, using `scaleBand` and `scaleLinear` for axes, SVG rects for bars, and transitions triggered by mouseenter and mouseleave events. Data comes from a local `data.js` file, with styling handled by an external stylesheet.

WWarren-Fitzhenry
74% match
Loading thumbnail…

Bar chart with D3.js

This bar chart visualizes the popularity of programming languages using data from Stack Overflow’s 2019 survey. Hovering over a bar highlights it and displays the percentage difference between the hovered language’s value and every other language’s value, with a dashed reference line marking the selected baseline. The visualization uses D3.js v5 with SVG rendering, employing `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for gridlines and ticks. Interactive transitions via `d3.transition()` animate opacity changes on mouseenter and mouseleave events.

ZZakaria
74% match