Data Visualization

[Quick-Flash]

Improve data visualization by leveraging d3rs https://github.com/pierreaubert/sotf/tree/master/crates/gpui-toolkit/gpui-d3rs

[olmohake]

or eCharts via charming

[Quick-Flash]

or eCharts via charming

That relies on javascript, which is very unfortunate.

[MSIsunny]

I’ve looked into the d3rs library and found that it implements most charting functionalities. I was curious about how they achieved this, and it turns out they use other rendering libraries such as wgpu, while implementing text rendering on their own. To be honest, I don’t think the integration with GPUI is particularly elegant.

However, it is nearly impossible to implement such complex rendering and typographic layouts using GPUI alone at the moment. The framework also does not support affine transformations for components or custom shader rendering.

I’ve recently been working on an application that requires chart rendering, as well as drag-and-pan and zoom functionality. For this purpose, I built a custom chart component from scratch. The most challenging part to implement was vertical text layout, since GPUI does not provide this feature natively. In the end, I had to modify GPUI’s internal code to make it work.

My point in sharing this example is that GPUI’s current capabilities place significant limitations on implementing complex data visualizations.