React + D3 exploration with the force layout:
- React for structure
- D3 for data calculation
- D3 for rendering
Pro:
- The viz scales!
- Use all the d3 functions!
Con:
Shirley Wu sxywu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: gpl-3.0 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
React + D3 exploration with the force layout:
- React for structure
- D3 for data calculation
- React for rendering
Pro:
- Clean, easy to reason about
Con:
- Goes through lifecycle for every tick -> will not scale
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: gpl-3.0 |
This is a really simple (and kind of cheap) way to ensure as little link overlap as possible in a force-directed graph. It is inspired by Moritz Stefaner's Force-based label placement, where he uses invisible nodes to avoid overlap of text labels.
In this example, I've taken the classic force-directed graph example of the Les Miserables dataset, and made two simple tweaks: I use the links array to calculate the invisible nodes, and place the nodes at the halfway point of each link. Conceptually, it is very similar to Mike Bostock's Curved Links.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
Spread of tweets during the two days of Openvis Conf.
--
Built with blockbuilder.org
forked from sxywu's block: openvis tweets #1
forked from sxywu's block: openvis tweets #2
React + D3 exploration with the force layout:
- React for structure
- D3 for data calculation
- D3 AND React for rendering
-
- React for enter/exit
-
- D3 for update
Pro:
- Takes advantage of respective strengths
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: gpl-3.0 |
NewerOlder