Please rotate!
Note this app works on mobiles but is way nicer on bigger screens
Sorry, this app only works on modern browsers with WebGL capabilities :(
clicktap on a picture to select a creatorcharacter and explore the associated links, details and comics
Explore comics
MARVEL graphs is an app that displays network maps of the Marvel characters or creators galaxy where each one is positionned close to those she/he is most linked with as registered within Marvel's API.
Data, comic book images and photographs are all provided by Marvel. © 2022 Marvel
Although Marvel API's data is not always perfect and many comics miss information on their creators or characters, it still remains really rich over all periods since the 40's and results look good enough! They should not be considered as totally accurate though.
Since associations between authors and comic book issues are more complete within webpages from the Marvel.com website than within the API, the data was completed accordingly.
The nodes positions are computed using the ForceAtlas2 algorithm implemented in graphology.js, which places nodes that are the most linked together closer and further from the others.
The characters families used for the colors are network communities that were manually labeled after being computed with graphology's Louvain algorithm implementation. They are therefore sometimes a little imprecise.
All views have their own URL so each one can be shared directly with a link.
The app should work on most mobile devices (and Sigma's dual-touch interactions with the graphs are quite cool!) but exploring the graphs and comics is way nicer on bigger screens.
You can "install" it as a mobile app by simply clicking the "Add to home screen" option within your device's browser options menu.
This web application is entirely built with Free Libre Open Source Software and released as such under the AGPL V3 license.
The full source code is available on GitHub. Issues and pull requests welcome!
Data collection and preparation in Python with requests and NetworkX.
Web interface and network visualization in Node.js using graphology, Sigma.js, pako and PapaParse, built in TypeScript with kotatsu.
All icons are used or adapted from SVG creations under CC Zero Public Domain by agomjo, CC Attribution License by boxicons and MIT license from artcoholic & Bootstrap.
Thanks to Stan Lee, Jack Kirby and all the amazing Marvel comics authors who brought us so many incredible stories and uncanny characters over the past decades!
And thanks to MARVEL for bringing all of those together and providing the API which makes this app possible.
Thanks to Guillaume Plique, Paul Girard, Alexis Jacomy, Mathieu Jacomy and Robin de Mourat for their precious help, ideas and code libraries!
And lots of thanks to the 2014 Amsterdam Contropedia datasprint where this whole idea germinated before it got buried in my mind and GitHub repositories for 8 long years. :)
If you're interested in Marvel and graphs, you can also watch this cool talk from Peter Olson from Marvel IT in 2013 in which he explains how and why they used the Neo4J graph database to modelize their data.
You can find me on Mastodon: @boogheta@piaille.fr, Twitter: @boogheta or GitHub.