Render Header level interactive charts for dataframes

Hey lit fam,

I’ve been working on kaggle for a while and wondered how can we acheive the header level charts in streamlit.
The charts take aggregate of the corresponding column data and renders/picks suitable charts depending on the datatype.
Then the charts glides over the dataframe.
Refer screenshots below.

Also came across a similar functionality on

would love a feature/component/workaround for this!

1 Like

I think this would be an excellent component, but I don’t know of one currently. I would love to know if something like this already exists.

In the meantime, you can create something vaguely like this manually, like this:

Hello @blackary ,
Could you think of the way to make the charts scrollable. Say my df has 16 columns?
Then the graphs become all clumsy.
Thanks, this approach of yours helped.
Let me know if you have any more tips to build on top of this.

I think this is possible with CSS, but I haven’t been able to figure out a great way to do it yet without making the whole page extra wide. This is a relevant issue that you could :+1: and comment on it you would like. Perhaps someone else can suggest a solution.