How to make a Graph Visualitation tools?

HTML & CSS
1

Hi there

I am trying to make a Graph Visualitaion tool of some Items.But Don’t know where to start.

Requirement is there is a front end layout with nav drawer,swappable tabs,map view

It is somewhat similar like google map.

I don’t know anyway from where I should start.

any help?

Thanks

2

You can use Google Maps with your own map images

3

My Map is not fully like
GoogleMap :sunglasses:

Let me explain their will be some nodes interconnected with each other(I am try to store all nodes data in a string array and populate it with the help of javascript)

Problem is how to display a connecting line based on some predefine connection data on javascript?

This is What I want.

4

Something like this?

5

This is Exactly I am looking for
How can I make this type of connection based on some Input Data from backend?

6

Learn here: http://visjs.org/ (see Network docs)

In general words you have to generate JSON array of the nodes from your backend and pass it into vis.js constructor

7

Can I do this type of functionality with pure HTML,CSS and Javascript only?

8

That depends on where your data should come from.

9

Ok Here is a problem

In My project my client mention that javascript should not have a copyright functions it should be free to use with no recongtion of author

When I visit
http://visjs.org/

This is licensed under APACHE 2.0 and MIT

I don’t have much more knowledge about license
Can I use some library which is free with no Identification of author?

10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.