Skip to content

Commit 5258cc7

Browse files
authored
📝 start FAQ section (#171)
* 📝 start FAQ section * 📝 old json plotly export might look different than the newly generated ones * 🎨 format README
1 parent 626e732 commit 5258cc7

File tree

3 files changed

+42
-19
lines changed

3 files changed

+42
-19
lines changed

README.md

Lines changed: 38 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
VueGen is a Python package that automates the creation of scientific reports.
55
</p>
66

7-
| Information | Links |
8-
| :-------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9-
| **Package** | [![PyPI Latest Release](https://img.shields.io/pypi/v/vuegen.svg)][vuegen-pypi] [![Conda Latest Release](https://img.shields.io/conda/v/bioconda/vuegen.svg)][vuegen-conda] [![Supported versions](https://img.shields.io/pypi/pyversions/vuegen.svg)][vuegen-pypi] [![Docker Repository on Quay](https://quay.io/repository/dtu_biosustain_dsp/vuegen/status "Docker Repository on Quay")][vuegen-docker-quay] [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)][mit-license]|
10-
| **Documentation** | [![View - Documentation](https://img.shields.io/badge/view-Documentation-blue?style=flat)][vuegen-docs] [![made-with-sphinx-doc](https://img.shields.io/badge/Made%20with-Sphinx-1f425f.svg)](https://www.sphinx-doc.org/) ![Docs](https://readthedocs.org/projects/vuegen/badge/?style=flat) [![CC BY 4.0][cc-by-shield]][vuegen-license]|
11-
| **Build** | [![CI](https://github.com/Multiomics-Analytics-Group/vuegen/actions/workflows/cdci.yml/badge.svg)][ci-gh-action] [![Docs](https://github.com/Multiomics-Analytics-Group/vuegen/actions/workflows/docs.yml/badge.svg)][ci-docs] |
12-
| **Examples** | [![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)][emp-html-demo] [![Streamlit](https://img.shields.io/badge/Streamlit-%23FE4B4B.svg?style=for-the-badge&logo=streamlit&logoColor=white)][emp-st-demo] |
13-
| **Discuss on GitHub** | [![GitHub issues](https://img.shields.io/github/issues/Multiomics-Analytics-Group/vuegen)][issues] [![GitHub pull requests](https://img.shields.io/github/issues-pr/Multiomics-Analytics-Group/vuegen)][pulls] |
14-
| **Cite** | [![DOI:10.1093/bioadv/vbaf149](https://img.shields.io/badge/DOI-10.1093/bioadv/vbaf149-074359.svg)][vuegen-article] |
7+
| Information | Links |
8+
| :-------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9+
| **Package** | [![PyPI Latest Release](https://img.shields.io/pypi/v/vuegen.svg)][vuegen-pypi] [![Conda Latest Release](https://img.shields.io/conda/v/bioconda/vuegen.svg)][vuegen-conda] [![Supported versions](https://img.shields.io/pypi/pyversions/vuegen.svg)][vuegen-pypi] [![Docker Repository on Quay](https://quay.io/repository/dtu_biosustain_dsp/vuegen/status "Docker Repository on Quay")][vuegen-docker-quay] [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)][mit-license] |
10+
| **Documentation** | [![View - Documentation](https://img.shields.io/badge/view-Documentation-blue?style=flat)][vuegen-docs] [![made-with-sphinx-doc](https://img.shields.io/badge/Made%20with-Sphinx-1f425f.svg)](https://www.sphinx-doc.org/) ![Docs](https://readthedocs.org/projects/vuegen/badge/?style=flat) [![CC BY 4.0][cc-by-shield]][vuegen-license] |
11+
| **Build** | [![CI](https://github.com/Multiomics-Analytics-Group/vuegen/actions/workflows/cdci.yml/badge.svg)][ci-gh-action] [![Docs](https://github.com/Multiomics-Analytics-Group/vuegen/actions/workflows/docs.yml/badge.svg)][ci-docs] |
12+
| **Examples** | [![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)][emp-html-demo] [![Streamlit](https://img.shields.io/badge/Streamlit-%23FE4B4B.svg?style=for-the-badge&logo=streamlit&logoColor=white)][emp-st-demo] |
13+
| **Discuss on GitHub** | [![GitHub issues](https://img.shields.io/github/issues/Multiomics-Analytics-Group/vuegen)][issues] [![GitHub pull requests](https://img.shields.io/github/issues-pr/Multiomics-Analytics-Group/vuegen)][pulls] |
14+
| **Cite** | [![DOI:10.1093/bioadv/vbaf149](https://img.shields.io/badge/DOI-10.1093/bioadv/vbaf149-074359.svg)][vuegen-article] |
1515

1616
## Table of contents:
1717

@@ -26,6 +26,7 @@
2626
- [Credits and acknowledgements](#credits-and-acknowledgements)
2727
- [Citation](#citation)
2828
- [Contact and feedback](#contact-and-feedback)
29+
- [FAQ](#faq)
2930

3031
## About the project
3132

@@ -130,7 +131,6 @@ vuegen --directory docs/example_data/Earth_microbiome_vuegen_demo_notebook --rep
130131
> You can also specify the output directory with the `--output_directory` argumument, which defaults to the current working directory.
131132
> See all available arguments with the `--help` option.
132133
133-
134134
### Folder structure
135135

136136
Your input directory should follow a **nested folder structure**, where first-level folders are treated as **sections** and second-level folders as **subsections**, containing the components (plots, tables, networks, Markdown text, and HTML files). If the component files are in the first-level folders, an `overview` subsection will be created automatically.
@@ -343,8 +343,8 @@ This case study focuses on the `APICall` component, which enables interaction wi
343343
🔗 [![Open in Colab][colab_badge]][colab_link_apicall]
344344

345345
> [!NOTE]
346-
> A [configuration file example][apicall-config] for the apicall component is available in
347-
the `docs/example_config_files` folder.
346+
> A [configuration file example][apicall-config] for the apicall component is available in
347+
> the `docs/example_config_files` folder.
348348
349349
### 4. ChatBot Component
350350

@@ -375,8 +375,8 @@ Two API modes are supported:
375375
This response structure is currently customized for an internal knowledge graph assistant, but VueGen is being actively developed to support more flexible and general-purpose response formats in future releases.
376376

377377
> [!NOTE]
378-
> A [configuration file example][chatbot-config] for the chatbot component is available
379-
in the `docs/example_config_files` folder.
378+
> A [configuration file example][chatbot-config] for the chatbot component is available
379+
> in the `docs/example_config_files` folder.
380380
381381
## Web application deployment
382382

@@ -406,13 +406,13 @@ Full details for both licenses can be found in the [LICENSE][vuegen-license] fil
406406

407407
## Contributing
408408

409-
VueGen is an open-source project, and we welcome contributions of all kinds via GitHub issues and pull requests.
410-
You can report bugs, suggest improvements, propose new features, or implement changes.
409+
VueGen is an open-source project, and we welcome contributions of all kinds via GitHub issues and pull requests.
410+
You can report bugs, suggest improvements, propose new features, or implement changes.
411411

412-
We follow the [Conventional Commits][conventional-commits] specification for commit messages and use the
412+
We follow the [Conventional Commits][conventional-commits] specification for commit messages and use the
413413
[changelog-from-release][changelog-from-release-repo] tool to automatically generate the [CHANGELOG](CHANGELOG.md).
414414

415-
Please follow the guidelines in the [CONTRIBUTING](CONTRIBUTING.md) file to ensure that your contribution is
415+
Please follow the guidelines in the [CONTRIBUTING](CONTRIBUTING.md) file to ensure that your contribution is
416416
easily integrated into the project.
417417

418418
## Credits and acknowledgements
@@ -451,6 +451,27 @@ Ayala-Ruano, S., Webel, H., & Santos, A. (2025). _VueGen: Automating the generat
451451

452452
We appreciate your feedback! If you have any comments, suggestions, or run into issues while using VueGen, feel free to [open an issue][new-issue] in this repository. Your input helps us make VueGen better for everyone.
453453

454+
## FAQ
455+
456+
<details>
457+
<summary>Interactive Plots are not shown correctly</summary>
458+
459+
1. Make sure to export your interactive plots from Plotly or Altair in JSON format, not as standalone HTML files.
460+
2. It is best to use VueGen within the environment you created your plots. If you gather it from many sources and
461+
see compatibility issues, consider recreating the plots in a single environment. Failing examples are more than welcome
462+
via [GitHub issues](https://github.com/Multiomics-Analytics-Group/vuegen/issues/new/choose) (you need a GitHub account).
463+
464+
</details>
465+
466+
<details>
467+
<summary>Old JSON Plots stopped working.</summary>
468+
469+
We have seen differently structured JSON file from plotlyjs before version 3. If you
470+
have such old files and encouter issue, please consider sharing them via
471+
[GitHub issues](https://github.com/Multiomics-Analytics-Group/vuegen/issues/new/choose).
472+
473+
</details>
474+
454475
[streamlit]: https://streamlit.io/
455476
[vuegen-pypi]: https://pypi.org/project/vuegen/
456477
[vuegen-conda]: https://anaconda.org/bioconda/vuegen

docs/index.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
:relative-images:
88
```
99

10-
```{toctree}
10+
```{toctree}
1111
:maxdepth: 1
1212
:caption: Overview
1313
@@ -18,6 +18,7 @@ sections_readme/gui
1818
sections_readme/case_studies
1919
sections_readme/web_app_deploy
2020
sections_readme/citation
21+
sections_readme/faq
2122
```
2223

2324
```{toctree}
@@ -43,7 +44,7 @@ vuegen_chatbot_case_study_configfile
4344
reference/vuegen
4445
```
4546

46-
```{toctree}
47+
```{toctree}
4748
:maxdepth: 1
4849
:caption: Project Support
4950

docs/split_readme.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
"Citation": "citation.md",
1414
"Credits and acknowledgements": "credits.md",
1515
"Contact and feedback": "contact.md",
16+
"FAQ": "faq.md",
1617
}
1718

1819

0 commit comments

Comments
 (0)