/AngularSVG

Learn and practice Angular SVG charting

Primary LanguageTypeScript

AngularSVG

Thanks to Mike Ryan (Software Architect, Synapse) for an awesome SVG presentation at Angular Colorado.
This is a playground of SVG angular components.
I have 2 examples: Slider from Daz[2] and Progress bar from Cory[1].
My first implementation is a histogram and cumulative-histogram (curve)

Screen Shot 2020-02-29 at 3 06 38 PMScreen Shot 2020-02-29 at 3 05 14 PM

References

  1. "Angular Progress bar" by Cory Rylan, Dec 23, 2017
    https://coryrylan.com/blog/angular-progress-component-with-svg

  2. "Custom SVG control" by Daz, Nov 17, 2017
    https://medium.com/@dazcyril/custom-angular-controls-with-svg-efeeb75922b

  3. "Getting Visual with Reactive Charts in Angular" by Mike Ryan, Jan 30, 2020
    Conference presentation at Angular Colorado 2020
    https://angularcolorado.com/