MATLAB + d3js. Webweb is a tool for creating interactive visualizations of networks on the web.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


This is basically MATLAB/Python + d3js. Webweb is a tool for creating interactive visualizations of networks on the web.

Webpage here:

webweb is a front end to a clever library called d3. Learn more about d3 at While d3 was made for web developers, webweb is made for networks researchers who use MATLAB or Python. The idea is that you can use webweb to make easily shareable and interactive network visualizations. View your webs on the web!

Why though?

I got tired of having an adjacency matrix for a network in MATLAB with no way to just see it quickly. Now, I can just call webweb(A) in MATLAB and it pops up in my browser. Recently, this has been rebuilt in Python because it's open source and powerful.

How to use it (MATLAB)

Grab the contents of matlab above and put them into your current MATLAB directory. Then either check out the MATLAB help for webweb.m, try opening webwebTest.m for some worked examples, or view the webweb examples page.

% create a 100 node adjacency matrix A
A = floor(1.01*rand(100,100)); A=A+A'; A(A>0) = 1;
% call webweb

How to use it (Python)

Grab the webwebpy directory above and place it into your current Python script's directory. Although the syntax for webweb Python is eerily similar to MATLAB, it is slightly different. Check out for some fully worked examples, but here is a general outline:

  • Create an adjacency list, <your_adj_list>

  • Import webweb into your script via from webwebpy.webweb import webweb

  • Instantiate a webweb object, specifying number of nodes, N, in network: web = webweb(num_nodes=N)

  • Set any display parameters by calling appropriate methods on the object, web.display

    • E.g., Apply a charge of 5: web.display.c = 5
  • Set any networks parameters by calling appropriate methods on the object, web.networks

    • E.g., To create a new network and assign your adjacency list,
      web.networks.<name_of_network>.adjList = <your_adj_list>
  • Save network to JSON: web.save_json(<save_name>)

  • View the interactive visualization of your network in browser: web.draw()

  • Example 1 - A single network

Feedback and Bugs

The code provided here is provided as-is, with no warranty, with no guarantees of technical support or maintenance, etc. If you experience problems while using the code, please let me know via email. I am happy to host (or link to) implementations of webweb drivers in other programming languages, in the interest of facilitating their more widespread use. However, I cannot provide any technical support for that code.

Fork away!

If you repurpose or hack this code to do something else, I would love to hear about it. If you use webweb to make figures for an academic paper, no citation is needed, but please let me know and I will post a link to your publication here.