feat: mo.ui.table() column chart previews

[mscolnick]

📝 Summary

Add columns previews to the top of each column.

• Shows nulls as orange
• Doesn't chart strings
• Uses bar and binning for ints/floats/dates

Bug fixes:

• don't wrap table cells, this helps prevent it from its height jumping
• add a loading table (to also help with height jumping)
• fail more gracefully on integer column names (altair doesnt allow this)

🔍 Description of Changes

Future ideas:

• Make expandable and configure hiding to start
• Dropdown action to add altair chart code for better preview

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
marimo-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 4, 2024 7:53pm
marimo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 4, 2024 7:53pm

[akshayka]

This appears to regress mo.ui.dataframe (doesn't render):

Error in console:

Code repro:

import marimo

__generated_with = "0.6.13"
app = marimo.App()

@app.cell
def __():
    from vega_datasets import data
    return data,

@app.cell
def __(data):
    cars = data.cars()
    return cars,

@app.cell
def __():
    import marimo as mo
    return mo,

@app.cell
def __(cars, mo):
    mo.ui.dataframe(cars)
    return

if __name__ == "__main__":
    app.run()

[akshayka]

For dataframes truncated by mo.ui.table, the chart preview and column summaries in mo.ui.table appear to show a preview of the truncated data instead of the original data. The data explorer panel in contrast correctly shows a preview of the original data.

Here, notice that the chart preview stops at "9,999", even though the max value is "30,000".

Code repro:

import marimo

__generated_with = "0.6.13"
app = marimo.App()

@app.cell
def __():
    import marimo as mo
    return mo,

@app.cell
def __():
    import pandas as pd
    return pd,

@app.cell
def __(pd):
    df = pd.DataFrame({"data": list(range(30000))})
    return df,

@app.cell
def __(df, mo):
    mo.ui.table(df)
    return

if __name__ == "__main__":
    app.run()

[mscolnick]

1. First issue is fixed
2. The min/max/unique are now operating on the full (non-clipped) dataframe, but we hide the charts when above >20k