Code Monkey home page Code Monkey logo

marvel's Introduction

MARVEL graphs

An app that displays network maps of Marvel characters or creators where each one is positionned close to those he/she is most linked with as registered within Marvel's API.

Visit it here: https://marvel-graphs.net/

screenshot appshot

Installation

  • Build the data

    pip install -r requirements.txt
    cp config.yml{.example,}
    # set API key from http://developer.marvel.com/signup
    python bin/download_data.py
  • Prespatialize and run Louvain on graphs

    npm install
    npm run preparegraphs
    npm run aligngraphs
  • Run web interface

    npm install
    # To start locally on http://localhost:3000
    npm start
    # Or to build prod
    npm run build

Credits

Data, comic book images and photographs provided by Marvel's API. © 2022 Marvel

Here are links to the API's detailed documentation & Terms of use.

Entirely built with Free Libre Open Source Software and released as such under the AGPL v3.0 license.

Icons used or adapted from SVG creations under CC Zero Public Domain by agomjo, CC Attribution License by boxicons and MIT license from artcoholic & Bootstrap.

Data collection and preparation in Python 3 using requests and NetworkX.

Web interface and network visualization in Node.js using graphology, Sigma.js, pako and PapaParse, built in TypeScript with kotatsu.

Thanks to @Yomguithereal, @paulgirard, @jacomyal and @jacomyMa for their precious help and ideas!

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. :)

@boogheta

marvel's People

Contributors

boogheta avatar paulgirard avatar rouxrc avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

paulgirard

marvel's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.