# Build interative data map

**URL:** https://community.weweb.io/t/build-interative-data-map/4021
**Category:** Ask us anything
**Tags:** design
**Created:** [August 25, 2023, 12:00pm UTC](https://community.weweb.io/t/build-interative-data-map/4021 "2023-08-25T12:00:12Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![etjm1993](https://avatars.discourse-cdn.com/v4/letter/e/ecccb3/32.png) [@etjm1993](https://community.weweb.io/u/etjm1993)
#### Post date: [August 25, 2023, 12:00pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/1 "2023-08-25T12:00:12Z")

</div>

Hello!

I am looking to build an interative data map into my Weweb app and would like to know if this is possible, the best approach and if anyone is open to doing a pain project to build this for me as I assume it will have to be created outside of Weweb.

I am trying to build something that will look like a visual graph database where the different items/nodes have pre-defined relationships and the information displayed will depend on which company page one of my users is on (see screenshot for rough visual idea).

Any help would be appreciated!

 ![Screenshot 2023-08-25 at 12.58.49](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6ff18de6ae356f04b2f889e46c5b7543562ae6f9.png)

---

<div class="post-metadata">

### Author: ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [August 25, 2023, 4:15pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/2 "2023-08-25T16:15:12Z")

</div>

Ambitious, love it! Will you need drag and drop on the cards to be able to reorganize the graph?

---

<div class="post-metadata">

### Author: ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)
#### Post date: [August 25, 2023, 4:21pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/3 "2023-08-25T16:21:20Z")

</div>

I see this one tough, if you have to drag’n drop the stuff around especially with the connectors. I’d go with custom component, or an external service that you can just embed in your project. Somehow people tend to pull off crazy/amazing stuff like this on WeWeb with WeWeb functionalities, so you might as well give it a shot and see how it goes 😃

---

<div class="post-metadata">

### Author: ![etjm1993](https://avatars.discourse-cdn.com/v4/letter/e/ecccb3/32.png) [@etjm1993](https://community.weweb.io/u/etjm1993)
#### Post date: [August 25, 2023, 4:29pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/4 "2023-08-25T16:29:31Z")

</div>

Yes it is an interesting one!

There is no need to drag & drop / reorganise the cards as they will be fixed - only the data they hold will change.

They just need to be linked by a line, an org chart is probably a better way to explain it from a visual perspective.

Thanks a lot!!

---

<div class="post-metadata">

### Author: ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)
#### Post date: [August 25, 2023, 4:33pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/5 "2023-08-25T16:33:21Z")

</div>

I think without dragging, this might be very doable in WeWeb 🙂 You’ll just have to engineer it a little.

---

<div class="post-metadata">

### Author: ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)
#### Post date: [August 25, 2023, 4:38pm UTC](https://community.weweb.io/t/build-interative-data-map/4021/6 "2023-08-25T16:38:40Z")

</div>

You still have to implement the layout algorithm, so there is some code required.