User:En rouge converted it to SVG, added 20 years, added linear gradients at the start and end; date August 2022-08-10T18:44Z.https://upload.wikimedia.org/wikipedia/commons/archive/b/bd/20220810185538%21Test.svgUploads to File:Test.svg are bounded above by CC-BY-SA 3.0.

En rouge permission for CC0:

• https://commons.wikimedia.org/w/index.php?title=Commons:Graphic_Lab/Illustration_workshop&diff=682739616&oldid=682738263

My modifications:

• Redo callouts to be at 45 degrees.
• Redo interior text (original was scaled).
• Adjust some transforms and tweak some coordinates. Decades forced to 200 px.
• Use CSS styles.
• Add tooltips.
• Remove nested tspan elements (will kill SVG Translate).
• Switch translated.

There are problems with librsvg display.

In a browser, the regime text is sans-serif, white, and centered;the constitution text is blue and reasonable size.

On Commons, the regime text is serif, black, and left-aligned;the constitution text is black and small.

If the years are switch wrapped, they may have trouble.

The constitution text gets font size and color (which does not appear) from the class CSS on the surrounding switch.

The regime text has explicit size (which appears),but the font fill (which does not appear) is from class CSS on the surrounding switch.

The year gets class CSS from the text class. It has tspans but no switch.SVG Translate should process correctly.

Consider Phab:T68551: CSS does not pass to children

• Add class="glrx" to some Constitution text elements and see if they improve. (worked, repaired)
• Add class="regime" to some regime text elements (Directory) and see if they improve. (worked, repaired)
• Force #FF0000 fill on years to see if CSS is getting through. (worked, test removed)