https://github.com/ulfaslak/network_styling_with_d3

(1) Input a network. (2) Style it. (3) Download the result.
https://github.com/ulfaslak/network_styling_with_d3

Last synced: 11 days ago
JSON representation

(1) Input a network. (2) Style it. (3) Download the result.

• Host: GitHub
• URL: https://github.com/ulfaslak/network_styling_with_d3
• Owner: ulfaslak
• License: mit
• Created: 2018-05-11T08:03:31.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-02-13T19:32:43.000Z (over 4 years ago)
• Last Synced: 2024-10-11T11:01:15.698Z (about 1 month ago)
• Language: JavaScript
• Size: 549 KB
• Stars: 28
• Watchers: 2
• Forks: 7
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
**Update: If you are a Python user, check out [Netwulf](https://github.com/benmaier/netwulf/)!**

-------

[Web app](http://ulfaslak.com/works/network_styling_with_d3/index.html) for styling networks with buttons and sliders, powered by [d3-force](https://github.com/d3/d3-force).



### Scenario

You need to visualize a network and show it to people. The easy solution is to use `networkx`, which at best looks like a nightmare. Instead you go through the trouble of throwing your data into your [favorite d3 boilerplate example](https://bl.ocks.org/mbostock/ad70335eeef6d167bc36fd3c04378048), play with the simulation parameters and screenshot the network when it looks nice. The difference is remarkable: 

![networkx_vs_d3](http://ulfaslak.com/files/ugly_not_ugly.png)

Your audience will applaud your design skills and ask you how you make your figures over drinks that they payed for.