Internet Health Report
Network topology overview #36
Replies: 6 comments 34 replies
-
|
Hi @romain-fontugne ,I'm interested in this project for GSoc 2024. Would you kindly offer guidance on how I can become acquainted with the codebase and suggest initial steps to get started? Additionally, could you provide examples of the types of graphs that need to be built and the necessary tech stack for them? |
Beta Was this translation helpful? Give feedback.
-
|
For this project you should get familiar with IHR's main website codebase. This requires to know Javascript and VueJS. Most of the visualization on our website are made with plotly, if there is a more suitable library for this project we can also use that (e.g D3). |
Beta Was this translation helpful? Give feedback.
-
|
and what are the basic concepts in BGP or networking we should keep in mind ? |
Beta Was this translation helpful? Give feedback.
-
|
We expect the contributor for this project to understand the following concepts:
IHR contributor guide has some information about that and links to video/courses about these concepts too. |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Yes understanding neo4j and IYP is also recommended. Also note that the IHR website will soon include helper functions to query IYP (see InternetHealthReport/ihr-website#719) |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
@romain-fontugne What are your thoughts on this approach? |
Beta Was this translation helpful? Give feedback.
-
|
Adding prefixes would really make it stand out compare to the other websites mentioned above. But maybe it is a bit too complex for the first version. Force Graphs are ok, but something a bit more ordered would be better. We could have the monitored AS on the left then the directly connected ASes (dependencies) and those that are two hops aways, etc... |
Beta Was this translation helpful? Give feedback.
-
|
For the prefix, I'm currently trying to figure out how to group them together so they don't clutter the graphs. I was also confused about choosing the data source (IHR API or Neo4j IYP). I'll try to create a basic implementation of the graph as you suggested using the Neo4j IYP data. |
Beta Was this translation helpful? Give feedback.
-
|
@romain-fontugne |
Beta Was this translation helpful? Give feedback.
-
|
Sorry I missed that message, you can get that from IYP: itp.iijlab.net. The second query listed here does something a bit similar. |
Beta Was this translation helpful? Give feedback.
-
|
Hii @romain-fontugne . I'm interested in this project also I have a thorough knowledge about BGP and cloud computing but I'm facing difficulty navigating through the IHR website and using it efficiently. I read the contributor guidance book thoroughly but it has no information on navigating through the website. Can you please provide me with any resources that would help me 😊😊 |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I'm not sure I understand the question. Maybe the website documentation (https://ihr.iijlab.net/ihr/en-us/documentation) or the readme for the source code (https://github.com/InternetHealthReport/ihr-website) may help? |
Beta Was this translation helpful? Give feedback.
-
|
Okay, I'll read it. Thanks for the help ! |
Beta Was this translation helpful? Give feedback.
-
|
Sir, I have a few doubts regarding this project. |
Beta Was this translation helpful? Give feedback.
-
|
This is a visualization, so there isn't too much functionalities that are required regarding user interactions. Mainly showing more details if the user select or hover certain parts of the graph. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @romain-fontugne, I came across this project and I feel my experience in Neo4J and previous D3.js network graph project (https://listenbrainz.org/explore/music-neighborhood/) can be a good fit for this project. I have gone over the project details, website and the internet yellow pages repository and am thinking of making a VueJs prototype as a proposal. Please let me know if it is a good path to take for this project. Thanks |
Beta Was this translation helpful? Give feedback.
-
|
Yeah that's the part I am confused with, because the project outline mentions all three (origin, dependencies and prefixes) to be in the graph. I might be wrong, but I feel depicting both the dependency hops and originating prefixes will be hard in a single graph. On this note, it just occurred to me, that we can represent the below part of the AS as a tree with the hops and relationships b/w the AS dependencies. For the next part we can use the above shown prefixes graph. Does it look like a solution to you. And I am really sorry for being late in the submission process. |
Beta Was this translation helpful? Give feedback.
-
|
You can see the origin AS as a way to represent all originated prefixes. The originated prefixes are within the origin AS. I understand it is confusing, but from the picture you sent earlier the left part (Origin AS and dependencies) shows the overall dependencies of the AS and the right part (Originated Prefixes and dependencies) shows the detailed dependencies. So yes it is hard to show both at the same time. One way would be to have a button that would switch between the two (overview/detailed) views |
Beta Was this translation helpful? Give feedback.
-
|
That sounds like a good plan. I think I can work with this idea and can create a proposal with the same. I will try to complete it as soon as possible and will update you. Thank you |
Beta Was this translation helpful? Give feedback.
-
|
Won't displaying the detailed view of all prefixes soon clutter the graph, making it nearly unreadable due to the large number of prefixes connected to a single AS?
|
Beta Was this translation helpful? Give feedback.
-
|
yes, this will definitely happen. Especially for large networks. The best would be group all prefixes that have the exact same AS dependency values, and then the graph would show groups of prefixes |
Beta Was this translation helpful? Give feedback.
-
IHR monitors the inter-dependence of networks (e.g. the
university of Tokyo relies on Japan's academic ISP) and displays these
dependencies with very simple line charts that highlights changes over time.
Representing this data as a graph is more intuitive for network operators.
So the goal of this project is to show the connectivity of a network (aka AS) in
a simple graph.
Using data from the Internet Yellow Pages we can depict a very detailed view of
an AS, by finding all prefixes originated by the AS, fetching AS dependencies for
all these prefixes, grouping these prefixes based on their dependencies, and
finally displaying an AS graph that shows how these prefixes are connected to the
Internet. Additional information for each AS/prefix can be displayed by querying
IYP.
Related to this project, we have an offline tool that shows network dependencies
for a country, this is also something we'd like to implement on IHR website
(https://github.com/InternetHealthReport/country-as-hegemony-viz).
Expected results:
Beta Was this translation helpful? Give feedback.
All reactions