Export structure and information from objects on a miro board

  • 22 February 2024
  • 8 replies
  • 133 views

Badge +1

My dream is to generate and manage a Miro design that perfectly reflects a data structure in eg a database or excel table.

From the Miro Web SDK i learnt that it’s possible to generate a mind map in Miro based on a excel spreadsheet (csv). However if I make small adjustments in the mind map in Miro i would like my spreadsheet to update. In this way Miro would not only be merely a drawing and presentation tool, but the actual visual representation of a data structure. I’m not only thinking of mind maps here, but rather general sync of information from data source to Miro and vice versa.

Is it possible to create this kind of functionality using the SDK?


8 replies

Userlevel 7
Badge +12

@Mikeymike - I moved your post to the Developer platform and APIs category. I also noted that the link in your original post doesn’t go anywhere, i.e., it is a link back to this post, so I made an assumption and updated the link to here → https://developers.miro.com/docs/mind-maps

Badge +1

Ok. The original link was supposed to point to here: https://developers.miro.com/docs/create-mind-map-from-csv

Userlevel 3
Badge +1

Hey @Mikeymike, If I understand correctly you want to have 2 way sync between a .csv file and a Miro board?

Creating the csv > Miro is something we’ve already done. See this great video by @Horea Porutiu 

 

Now, to synch Miro to a file is impossible. However, you could subscribe to changes on the miro mindmap and send the updates to your database, but you’d have to create an API on your end for this. Then re-export the .csv from your database.

Does this make sense? 

 

Cheers,
Mettin

Badge +1

Thanks for your input @Mettin!

Yes, API is fine!

This diagram is what I really would like to visualise in miro from a database. The perfect sync would be of course to sync back any item i draw in miro back to the database. However, an acceptable functionality would be if the data and corresponding diagram is updated one way from the database and reflected in miro. I.e. the diagram in miro is updated, not a new created... 

I guess, since this is not a pre-existing template (like the mindmap), this is harder to do… Maybe I even need calculate the coordinates of each object..?   

 

//Mikael

Userlevel 3
Badge +1

2 way sync will be a lot of (custom) development from the looks of it. Depending on how much updates happen on this data you’d have to see if it’s worth it to (hire someone to) develop this custom solution. Ideally you could even try to make it a bit generic so you could list it on our marketplace!

I’d start with using the csv → miro solution thats in the video and see from there =)

To coordinate positioning you can use the helper method `findEmptySpace()`: https://developers.miro.com/docs/websdk-reference-experimental

Badge +1

Ok, thanks @Mettin!

Yes, I understand this will require quite a lot of custom coding. Not sure if it’s worth it..

 

//Mikael

Userlevel 7
Badge +5

@Mikeymike You should contact @Thomas Larsson at Milky Way 

We built exactly what you’re looking for here: 
https://www.milkyway.international/milky-way-tool

https://www.milkyway.international/

 

 

Badge +1

ok, thanks @Max Harper!

Reply