File:20221002 SVG Pie chart creation using circle stroke-dasharray attribute.svg

Summary

Description
English: Graphical demonstration of SVG pie chart creation using circle stroke-dasharray attribute
  • Wedges of pie chart are created using circles having SVG strokes of width twice that of the circle's radius, and using SVG's stroke-dasharray attribute to determine the circumferential extent of each wedge. The rotate(n) attribute determines the "starting angle" of the wedge.
  • Credit for general idea: https://sparkbox.com/foundry/how_to_code_an_SVG_pie_chart
* Related YouTube video from Sparkbox source: https://www.youtube.com/watch?v=XEUCs7Sh8FI
  • It turns out that libsvg doesn't render this file's use of stroke-dasharray correctly
See the talk page discussion, "Incorrect rendering of SVG circles using stroke-dasharray attribute (vs. "Arc" specification)" here.
Date
Source Own work
Author RCraig09

Licensing

I, the copyright holder of this work, hereby publish it under the following license:
w:en:Creative Commons
attribution share alike
This file is licensed under the Creative Commons Attribution-Share Alike 4.0 International license.
You are free:
  • to share – to copy, distribute and transmit the work
  • to remix – to adapt the work
Under the following conditions:
  • attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  • share alike – If you remix, transform, or build upon the material, you must distribute your contributions under the same or compatible license as the original.
Category:CC-BY-SA-4.0#20221002%20SVG%20Pie%20chart%20creation%20using%20circle%20stroke-dasharray%20attribute.svg
Category:Self-published work Category:Pictures showing a librsvg bug (without description)#20221002%20SVG%20Pie%20chart%20creation%20using%20circle%20stroke-dasharray%20attribute.svg Category:SVG graphics created with text editor
Category:CC-BY-SA-4.0 Category:Pictures showing a librsvg bug (without description) Category:SVG graphics created with text editor Category:Self-published work