# Streamlit Chart Positions
Um componente Streamlit para seleção e gerenciamento de posições de gráficos em layouts responsivos.
## Instalação
```sh
pip install streamlit-chart-positions
```
## Como usar
```python
import streamlit as st
from my_component import my_component
# Lista de posições disponíveis para o gráfico
positions = [
"ROW2, COL1", "ROW2, COL2", "ROW2, COL3",
"ROW3, COL1", "ROW3, COL2", "ROW3, COL3",
"ROW4, COL1", "ROW4, COL2", "ROW4, COL3",
"ROW5, COL1", "ROW5, COL2", "FULL ROW 6",
"ROW7, COL1", "ROW7, COL2", "ROW7, COL3",
"ROW1, COL1(Auto Select)", "ROW1, COL2(Auto Select)", "ROW1, COL3(Auto Select)"
]
# Usar o componente
selected_position = my_component(positions=positions, key="chart_positions")
st.write(f"Posição selecionada: {selected_position}")
```
## Funcionalidades
- Seleção visual de posições de gráficos
- Layout responsivo com grid system
- Suporte a seleção automática
- Integração perfeita com Streamlit
## Desenvolvimento
Para executar em modo de desenvolvimento:
```sh
cd template/my_component/frontend
npm install
npm run start
```
Em outro terminal:
```sh
streamlit run template/example.py
```
---
### Passos para corrigir e publicar:
1. **Limpe os arquivos antigos:**
```sh
rmdir /s /q dist
rmdir /s /q streamlit_chart_positions.egg-info
```
2. **Reconstrua o pacote:**
```sh
python -m build
```
3. **Tente publicar novamente:**
```sh
twine upload dist/*
```
---
Se quiser, posso executar esses comandos para você.
Deseja que eu faça isso automaticamente?
Raw data
{
"_id": null,
"home_page": null,
"name": "streamlit-position-selector-new",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.7",
"maintainer_email": "Seu Nome <seu.email@exemplo.com>",
"keywords": "chart, component, positions, streamlit, visualization",
"author": null,
"author_email": "Seu Nome <seu.email@exemplo.com>",
"download_url": "https://files.pythonhosted.org/packages/e5/3b/d62c0c613e68f7c4179c12429a019d3eaa0dc998c8600c9d0b36d2eac09e/streamlit_position_selector_new-0.1.1.tar.gz",
"platform": null,
"description": "# Streamlit Chart Positions\n\nUm componente Streamlit para sele\u00e7\u00e3o e gerenciamento de posi\u00e7\u00f5es de gr\u00e1ficos em layouts responsivos.\n\n## Instala\u00e7\u00e3o\n\n```sh\npip install streamlit-chart-positions\n```\n\n## Como usar\n\n```python\nimport streamlit as st\nfrom my_component import my_component\n\n# Lista de posi\u00e7\u00f5es dispon\u00edveis para o gr\u00e1fico\npositions = [\n \"ROW2, COL1\", \"ROW2, COL2\", \"ROW2, COL3\",\n \"ROW3, COL1\", \"ROW3, COL2\", \"ROW3, COL3\",\n \"ROW4, COL1\", \"ROW4, COL2\", \"ROW4, COL3\",\n \"ROW5, COL1\", \"ROW5, COL2\", \"FULL ROW 6\",\n \"ROW7, COL1\", \"ROW7, COL2\", \"ROW7, COL3\",\n \"ROW1, COL1(Auto Select)\", \"ROW1, COL2(Auto Select)\", \"ROW1, COL3(Auto Select)\"\n]\n\n# Usar o componente\nselected_position = my_component(positions=positions, key=\"chart_positions\")\nst.write(f\"Posi\u00e7\u00e3o selecionada: {selected_position}\")\n```\n\n## Funcionalidades\n\n- Sele\u00e7\u00e3o visual de posi\u00e7\u00f5es de gr\u00e1ficos\n- Layout responsivo com grid system\n- Suporte a sele\u00e7\u00e3o autom\u00e1tica\n- Integra\u00e7\u00e3o perfeita com Streamlit\n\n## Desenvolvimento\n\nPara executar em modo de desenvolvimento:\n\n```sh\ncd template/my_component/frontend\nnpm install\nnpm run start\n```\n\nEm outro terminal:\n```sh\nstreamlit run template/example.py\n```\n\n---\n\n### Passos para corrigir e publicar:\n\n1. **Limpe os arquivos antigos:**\n ```sh\n rmdir /s /q dist\n rmdir /s /q streamlit_chart_positions.egg-info\n ```\n\n2. **Reconstrua o pacote:**\n ```sh\n python -m build\n ```\n\n3. **Tente publicar novamente:**\n ```sh\n twine upload dist/*\n ```\n\n---\n\nSe quiser, posso executar esses comandos para voc\u00ea. \nDeseja que eu fa\u00e7a isso automaticamente?",
"bugtrack_url": null,
"license": "MIT",
"summary": "Streamlit component for chart position selection and management",
"version": "0.1.1",
"project_urls": {
"Homepage": "https://github.com/seu-usuario/streamlit-chart-positions",
"Issues": "https://github.com/seu-usuario/streamlit-chart-positions/issues",
"Repository": "https://github.com/seu-usuario/streamlit-chart-positions"
},
"split_keywords": [
"chart",
" component",
" positions",
" streamlit",
" visualization"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "aa701b4c3c66c7e7121b008528c5e61a3672abd4a2b1bda38feebe81dee2555c",
"md5": "1f7cf0cd1b4fadbfbe4a5de45f4fe7bd",
"sha256": "976aa0042ec5b012a94e61e15ff19a51b618d24f47badfe9b455c02a460d8db1"
},
"downloads": -1,
"filename": "streamlit_position_selector_new-0.1.1-py3-none-any.whl",
"has_sig": false,
"md5_digest": "1f7cf0cd1b4fadbfbe4a5de45f4fe7bd",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.7",
"size": 53258,
"upload_time": "2025-07-12T16:12:57",
"upload_time_iso_8601": "2025-07-12T16:12:57.896312Z",
"url": "https://files.pythonhosted.org/packages/aa/70/1b4c3c66c7e7121b008528c5e61a3672abd4a2b1bda38feebe81dee2555c/streamlit_position_selector_new-0.1.1-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "e53bd62c0c613e68f7c4179c12429a019d3eaa0dc998c8600c9d0b36d2eac09e",
"md5": "f2112bcbf37b47cb55372d5601587a8a",
"sha256": "ec17912e99a141e263f0e61fa3c51e4deb89717976972f3e980e4c3ff4e20185"
},
"downloads": -1,
"filename": "streamlit_position_selector_new-0.1.1.tar.gz",
"has_sig": false,
"md5_digest": "f2112bcbf37b47cb55372d5601587a8a",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.7",
"size": 60055750,
"upload_time": "2025-07-12T16:13:03",
"upload_time_iso_8601": "2025-07-12T16:13:03.645780Z",
"url": "https://files.pythonhosted.org/packages/e5/3b/d62c0c613e68f7c4179c12429a019d3eaa0dc998c8600c9d0b36d2eac09e/streamlit_position_selector_new-0.1.1.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2025-07-12 16:13:03",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "seu-usuario",
"github_project": "streamlit-chart-positions",
"github_not_found": true,
"lcname": "streamlit-position-selector-new"
}
JSON
