Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/RSamaium/twitter-network
Experimental project based on the Fouloscopie video to display a Twitter network
https://github.com/RSamaium/twitter-network
Last synced: 7 days ago
JSON representation
Experimental project based on the Fouloscopie video to display a Twitter network
- Host: GitHub
- URL: https://github.com/RSamaium/twitter-network
- Owner: RSamaium
- Created: 2020-03-25T11:27:40.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T02:00:13.000Z (almost 2 years ago)
- Last Synced: 2024-08-02T14:07:50.332Z (3 months ago)
- Language: HTML
- Homepage:
- Size: 9.05 MB
- Stars: 5
- Watchers: 3
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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`
4. 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,
```json
{
"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