@d3visualization

We ♥ D3.js. Official #D3js community account. Curated by Christophe Viau

 Everywhere
d3js.community/
Joined December 2012
  • Tweets3.5K
  • Following486
  • Followers11.2K
I'm glad to see that airbnb.io/visx/, #d3js viz primitives for #react, is still well maintained since 2017 by @AirbnbEng
2
8
1,150
.@nodes_io is very nice. Reminds me of PureData when I started coding 25 years ago. Here's a #d3js example nodes.io/playground/data-vis…
14
Random forest explained in an interactive scrolly by Jenny Yeon and @jdwlbr mlu-explain.github.io/random…
1
11
Billboard.js #d3js charts naver.github.io/billboard.js…
4
5
Video: #d3js and #React by @CroomeJasper youtube.com/watch?v=Ggra8vcz…

D3.js in 10 Minutes or Less | ep. 009 - D3 + React (+ real data!)

Today, we switch to querying real data! On the way, we deal with de...

youtube.com
1
3
#midjourney is a really addictive ML image generator. While I watch my generative arts idols dreaming new images in real time, I use it to create 3d pie charts for my next ppt.
2
15
D3 newsletter: D3.parade, Observable Plot, VisMTL, DSxD - mailchi.mp/01f879bf8ee8/what…
2
11
Pollen, created by @yuliakrolik & @o1sound, gives members a visual of the #d3js slack landscape & enables easier channel exploration. Downloading Pollen is actually what made us realize the slack could use a reorg! 🙌 #d3Parade #DataViz pollen.pixelsandplans.com/vi…
4
12
This project by @markhorgan visualizes each #d3js repository. Each commit is a circle sized by the number of file additions and deletions. Play around to see all the pretty spirals! #d3Parade #DataViz dataviz.markhorgan.com/d3-pa…
spiral visualization of commits to the d3-selection repo

ALT spiral visualization of commits to the d3-selection repo

spiral visualization of commits to the d3-geo repo

ALT spiral visualization of commits to the d3-geo repo

spiral visualization of commits to the d3-axis repo

ALT spiral visualization of commits to the d3-axis repo

spiral visualization of commits to the d3-shape repo

ALT spiral visualization of commits to the d3-shape repo

3
22
This interactive #DataViz by Daniel Chang @mwdchang allows you to stroll down memory land and rediscover your favorite bl.ocks. Use the brush to select a time range, and then either shuffle images, or create a mosaic! Check it out: mwdchang.github.io/blocks-pa… #d3Parade #d3js
Screenshot of the project. Text: "Let's celebrating 10 years of D3.js by taking a stroll down memory lane and rediscover your favourite bl.ocks in creative new ways!. Start by using the range slider below to select a time range." There is a histograph representing the number of bl.ocks created from 2009 through 2020. Below the historam are sample bl.ocks and a mosaic created from many bl.ocks.

ALT Screenshot of the project. Text: "Let's celebrating 10 years of D3.js by taking a stroll down memory lane and rediscover your favourite bl.ocks in creative new ways!. Start by using the range slider below to select a time range." There is a histograph representing the number of bl.ocks created from 2009 through 2020. Below the historam are sample bl.ocks and a mosaic created from many bl.ocks.

3
13
The ending animation of this #d3js show reel—created by @ashish_k_singh—displays 2021 dots, each of which represents one of the most loved blocks since 2010. Connections = common authors. Dot color = most used color. 🎉🥳 #d3Parade #DataViz iashishsingh.com/projects/d3…
A screen shot of the ending animation of the project. There is a large "D3" in the center and displays 2021 dots, each of which represents one of the most loved blocks since 2010.

ALT A screen shot of the ending animation of the project. There is a large "D3" in the center and displays 2021 dots, each of which represents one of the most loved blocks since 2010.

5
19
And in this streamgraph by @currankelleher, each layer is an author who contributed 3 or more commits to a D3 repository. The thickness of each layer is the number of commits per week with smoothing applied. vizhub.com/curran/903de06a69… #d3Parade #DataViz
2
9
Check out this #d3js git history streamgraph by @currankelleher! The thickness of each layer is the number of commits per week, with layer order determined by the time of the first commit. vizhub.com/curran/01568b13c2… #d3Parade #DataViz
git history streamgraph

ALT git history streamgraph

1
5
1
28
Ever since Urmila Jagadeesh (@vizcrazy93) started learning #d3js, she's been bookmarking resources used for all her project. This #DataViz is a timeline and radial tidy tree of each project & the respective resources used. Check it out! urmilaj.github.io/d3parade/ #d3Parade
Screenshot of radial tree visualization for "Earthquakes: First D3 Project"

ALT Screenshot of radial tree visualization for "Earthquakes: First D3 Project"

Screenshot of radial tree visualization for "Under the Influence: Second Project" and "Departed: Third Project"

ALT Screenshot of radial tree visualization for "Under the Influence: Second Project" and "Departed: Third Project"

Screenshot of radial tree visualization for "World Power Plants: Fourth Project" and "African American Writers: Fifth Project"

ALT Screenshot of radial tree visualization for "World Power Plants: Fourth Project" and "African American Writers: Fifth Project"

2
11
1
144
Load more