Specifying appearance alongside data in series about react-d3

[esbullington]

Thanks for your comment.

Yes, this type of use case is exactly what I had in mind when I spoke of a second chart API using the DataSeries components that are now internal to multiple chart types. I'll export all the chart components before 0.2.0, including the DataSeries. And then you can use them exactly as they're now used internally to compose the core chart types. I'm also taking care to expose all the important variables inside each component as props, so you'll be able to access them, change them, and (in some cases) style them as you wish.

This is the beauty of React components.

The other way you can style these charts is to use CSS, including nth-child for selecting elements by index. If you see an SVG element that you'd like to style, and it doesn't have a hook, please feel free to submit an issue or PR adding a class to that element. I realize CSS won't hit 100% of use cases, but it should cover most of them.

At this time, I'd prefer not to add any additional complexity to the core chart components, since those are the ones that end users who just need a quick chart will use. So your option number 1) is not possible (plus, as you say, we'd fall deeper into overlapping concerns). If you're not happy with how much you can customize the charts once all their internal components are exported, and with CSS, then perhaps we could revisit the possibility of something akin to your proposal option 2) sometime after 0.3.

If you need this feature right now and CSS doesn't work, then I suggest forking the repo and adapting the piechart component to your needs directly.

[berrytj]

Okay, that makes sense. CSS is good enough. Thanks.