Skip to content

Latest commit

 

History

26 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter Network

Twitter network detailed in the Fouloscopie video (Medhi Moussaid):

https://www.youtube.com/watch?v=UX7YQ6m2r_o

Installation

prerequisite: Have the NodeJS version installed

  1. Clone the project
  2. Type the command line: npm install
  3. Start the SvelteJS server: npm run dev
  4. Start Express Server: node server/www
  5. Go to the localhost:8080

Technologies

  1. SigmaJS: In order to have a fluidity in the interaction with the network, we use WebGL with the SigmaJS library
  2. SvelteJS: Useful for inserting web components and interacting with forms and the network
  3. ExpressJS: For Server

The data

The data has been converted to JSON format for manipulation with Javascript. The file is /public/data.json. In order to make the file as compressed as possible, the keys are minified. So,

{
    "n": [
        [
            {
                "i":"1",
                "l":"PolgeAime",
                "n":"3530",
                "s":17.588495,
                "c":[238,248,231],
                "p":[6538.7695,1696.4082]
            }
        ...
        ]
    ],
    "e": [
       [
           {
                "i":"10177",
                "s":1953,
                "t":3531,
                "w":1
           }
           ...
        ]
    ]
}
  • n: Node
    • i: Id,
    • l: Label
    • n: Id of the other connected node
    • s: Size
    • c: Color [r, g, b]
    • p: Position [x, y]
  • e: A line
    • i: Id,
    • s: Source. Index in the nodes array
    • t: Target. Index in the nodes array
    • w: Width Line

License

MIT

About

Experimental project based on the Fouloscopie video to display a Twitter network

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages