make FigureWidget resizing responsive
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- Python
- Estrelas
- 18.8k
- Forks
- 2.8k
- Merge médio
- 16h 26min
- PRs com merge (30d)
- 21
Descrição
Hi there,
As suggested by @nicolaskruchten I am open this issue to address FigureWidget specific resizing challenges.
As of the latest 5.12 release the resizing of a plotly FigureWidget is resolved:
import plotly.graph_objects as go
fig = go.FigureWidget()
fig
- #3689
But the issue remains when the widget is in another widget container.
import plotly.graph_objects as go
import ipywidgets as ipw
fig = go.FigureWidget()
ipw.VBox([fig])
- There is a similar issue with bqplot that was adresssed by @mariobuikhuizen [bqplot/bqplot#1531], maybe this is a good starting point (see @maartenbreddels comment https://github.com/plotly/plotly.py/pull/3930#issuecomment-1377376325)
Also it would really help to make responsive webapps with the ipywidgets ecosystem if the FigureWidget would also resize vertically to the available space inside its container.
No one on the Plotly team is really actively working on the Widget side of things so PRs are very welcome :)
I would gladly contribute but my knowledge in javascript is quasi non-existent^^, so I hope some of you are able to help out here.
Best regards, Alex-
Guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Comece reproduzindo o FigureWidget dentro de ipywidgets.VBox mostrado na issue; depois, leia a issue referenciada do bqplot e o comentário da PR do plotly.py para verificar o comportamento relevante de redimensionamento. Considera-se concluído quando o FigureWidget é redimensionado de forma responsiva dentro de outro contêiner de widgets, inclusive verticalmente para ocupar o espaço disponível.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- javascript, python
- Domínio
- frontend, web-dev
- Tipo de issue
- Funcionalidade
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 35/100