DEV Community

Vitor Sousa
Vitor Sousa

Posted on

Create Synoptic Maps with Angular

I wonder if they know any way to create synoptic panels with angular. That is, something that allowed to select a certain area in an image (png, svg ...) and that allowed to associate a reference to a location. For example, having a plant in a building, and associating several rooms with that image.

Thanks

Top comments (3)

Collapse
 
georgeipsum profile image
Ibrahim Saberi •

Not sure about any specific native angular approach to this, but I'm guessing that this can be done by creating a component that uses HTML5 canvas + some js graphics library like D3.js or GraphicsJS

Collapse
 
vitorsousa5 profile image
Vitor Sousa •

I will take a look on that.
Thanks Ibrahim

Collapse
 
georgeipsum profile image
Ibrahim Saberi •

It's been a while, but I decided actually to make an (incredibly) primitive version of this: github.com/GeorgeIpsum/ngx-synopti...

It uses Canvas API + RxJS + Angular, not sure if functionality wise this is actually what you were looking for