Determine how to display an interactive SVG on a web page. The developer is to create new template pages and demonstrate the various ways to display/incorporate an svg. #10
SVG - Singular Vector Graphics
.It is a popular tool for displaying two-dimensional graphics,charts and illustrations on websites
We are trying to generate some charts (bar, pie) → python
Pygal library → pygal-tooltips.js (JavaScript library) → provides interactivity.
Once these are generated, you will be having them as some kind of html/svg files.
Now, we need to find what are the different ways, to embed these svgs into html document(pages) – template pages
Embed (embed) - done
iFrame (iframe) - done
Image (img) - done
Svg (svg) - cannot be done because we are taking svg as reference
Object (object) - done – html tags
Java Script libraries (D3.js / similar to these)
Try to just create some basic HTML ()
https://vecta.io/blog/best-way-to-embed-svg
SVG - Singular Vector Graphics .It is a popular tool for displaying two-dimensional graphics,charts and illustrations on websites We are trying to generate some charts (bar, pie) → python Pygal library → pygal-tooltips.js (JavaScript library) → provides interactivity. Once these are generated, you will be having them as some kind of html/svg files. Now, we need to find what are the different ways, to embed these svgs into html document(pages) – template pages Embed (embed) - done iFrame (iframe) - done Image (img) - done Svg (svg) - cannot be done because we are taking svg as reference Object (object) - done – html tags Java Script libraries (D3.js / similar to these) Try to just create some basic HTML () https://vecta.io/blog/best-way-to-embed-svg