Broken chart examples

[dlabrecq]

I recently discovered that the React examples have been deleted, replaced with an .md file via #1656. :(

Unfortunately, the CSS that was written for the chart examples has been lost. The chart examples look horrible now.

It's difficult not being able to write React based examples using React. However, can we please have a way to include CSS with the examples?

[dlabrecq]

Tooltips don't overflow:

Stack Chart bars are off axis:

Pie chart legend should appear on the right:

Donut chart is huge:

Bar chart is ridiculously enormous:

[redallen]

A few notes on this...

1. You are still writing React-based examples using React. These markdown files actually give you more flexibility. Now since the docs use MDX instead of MD, your file gets converted to a React component and you can do everything you could do in a React component in your MDX.
2. Many parts of chart examples had problems because of hardcoded widths/heights for the react-live container which changed size when I converted them to MD. I did my best to convert them, but if I recall correctly I had to add lots of style={{}} tags, since at first the MD couldn't have styles included. I documented the axes problem in React-charts Axes Hidden #1673 .
3. This PR adds the old CSS to the chart pages, but those old style={{}} tags still need to be cleaned up and classNames potentially changed. This is in my backlog, but you are probably the person that best understands the Victory styles that need to be applied to which <div> containers. It would be awesome if you could also document it in the MDX so consumers can copy/paste the styles and have nice looking charts!

[dlabrecq]

This has been fixed with my lastest PR.

#1964