Twitter network detailed in the Fouloscopie video (Medhi Moussaid):
https://www.youtube.com/watch?v=UX7YQ6m2r_o
prerequisite: Have the NodeJS version installed
- Clone the project
- Type the command line:
npm install
- Start the SvelteJS server:
npm run dev
- Start Express Server:
node server/www
- Go to the
localhost:8080
- SigmaJS: In order to have a fluidity in the interaction with the network, we use WebGL with the SigmaJS library
- SvelteJS: Useful for inserting web components and interacting with forms and the network
- ExpressJS: For Server
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
: Nodei
: Id,l
: Labeln
: Id of the other connected nodes
: Sizec
: Color [r, g, b]p
: Position [x, y]
e
: A linei
: Id,s
: Source. Index in the nodes arrayt
: Target. Index in the nodes arrayw
: Width Line
MIT