O chestie foarte interesantă: un SVG care arată ceva dinamic. În cazul de față, un calendar care arată data de azi (cum face și icon-ul calendarului pe ios/mac):
Downside: se poate folosi doar dacă se încarcă SVG-ul ca object, caz în care se pierde posibilitatea de stilizare cu CSS (dar, pe de altă parte, se poate încărca CSS direct în svg).
Eu de o luna numai SVG si canvas mananc pe paine cu AngularJS. E oribil sa lucrezi cu SVG-urile, in special cand trebuie sa integrezi cu transformari de coordonate dintr-un sistem in altul si care n-a fost gandit de tine. Directivele de angularjs in svg-uri sunt cireasa de pe tort.
Ceea ce e acolo e ceva trivial.
Cu react e posibil sa faci chestii foarte faine, chiar animate, dar tot te bate matematica la fiecare pas.
D3 + SVG = 
Nu neaparat, poti face totul fara d3.js. Matematica e aproape exact la fel.
Daca ai deja o librarie de frontend iti incurca stilul si e greu sa mentii one-way binding.
SVG? Am facut de-alea, desi nu din perspectiva web developerului. Daca crezi ca aia e oribil, stai sa vezi cand trebuie sa generezi fisiere AutoCAD (3D!) sau Visio.
Mentionez de la inceput ca sunt implicat in dezvoltarea aplicatiei SVGator de animatie a fisierelor SVG. Momentan e gratuit, poate va ajuta.
Legat de transformarile de coordonate, pe noi ne-a ajutat articolul urmator https://www.sarasoueidan.com/blog/svg-coordinate-systems/