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