vega/altair

Explore and add examples for additional input elements

Open

#3,403 opened on Apr 13, 2024

 (1 comment) (2 reactions) (0 assignees)Python (865 forks)github user discovery
documentationgood first issue

Repository metrics

Stars
 (10,452 stars)
PR merge metrics
 (Avg merge 6d 9h) (4 merged PRs in 30d)

Description

What is your suggestion?

There are many undocumented input options that work with Altair. It would be interesting to explore these more, e.g. maybe the date input could be useful to filter time series data which is not that easy with sliders currently. number also looks useful and maybe even file?

This example can be modified:

search_input = alt.selection_point(
    fields=['Name'],
    empty=False,  # Start with no points selected
    bind=alt.binding(
        input='date',  # Change this to any of the options at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
        placeholder="Car model",
        name='Search ',
    )
)
alt.Chart(data.cars.url).mark_point(size=60).encode(
    x='Horsepower:Q',
    y='Miles_per_Gallon:Q',
    tooltip='Name:N',
    opacity=alt.condition(  # This condition would also need to be updated accordingly
        search_input,
        alt.value(1),
        alt.value(0.05)
    )
).add_params(
    search_input
)

image

Have you considered any alternative solutions?

No response

Contributor guide