Skip to content

Commit

Permalink
Merge branch 'blog/v1.4' of https://github.com/quarto-dev/quarto-web
Browse files Browse the repository at this point in the history
…into blog/v1.4
  • Loading branch information
cwickham committed Jan 21, 2024
2 parents 1fd8640 + 444a19b commit f499363
Showing 1 changed file with 57 additions and 5 deletions.
62 changes: 57 additions & 5 deletions docs/blog/posts/2024-01-22-1.4-release/index.qmd
Original file line number Diff line number Diff line change
Expand Up @@ -18,17 +18,69 @@ This release has tons of new features. Some of the big ones we want to spotlight

## Dashboards

Quarto Dashboards streamline the creation of interactive dashboards, giving you an effortless way to layout interactive components, visualizations, tabular data, and annotations. Here are some examples (click on the image to visit the live version):
Quarto Dashboards streamline the creation of interactive dashboards, giving you an effortless way to lay out interactive components, visualizations, tabular data, and annotations. Here are some examples:

::: {layout-ncol="3"}
[![](/docs/dashboards/examples/thumbnails/stock-explorer-dashboard.png){.border fig-alt="Screenshot of a Stock Trader dashboard: a row of three values boxes, then a row with a stock ticker graph and a table of closing values. Navy blue and green theme."}](https://jjallaire.github.io/stock-explorer-dashboard/)
![](/docs/dashboards/examples/thumbnails/stock-explorer-dashboard.png){.border .lightbox group="dashboards" fig-alt="Screenshot of a Stock Trader dashboard: a row of three values boxes, then a row with a stock ticker graph and a table of closing values. Navy blue and green theme."}

[![](/docs/dashboards/examples/thumbnails/customer-churn-dashboard.png){.border fig-alt="Screenshot of a Customer Churn dashboard: a row of three values boxes, then a row with two plots, then a row with a table. Light blue and yellow theme."}](https://jjallaire.github.io/customer-churn-dashboard/)
![](/docs/dashboards/examples/thumbnails/customer-churn-dashboard.png){.border .lightbox group="dashboards" fig-alt="Screenshot of a Customer Churn dashboard: a row of three values boxes, then a row with two plots, then a row with a table. Light blue and yellow theme."}

[![](/docs/dashboards/examples/thumbnails/penguins-dashboard.png){.border fig-alt="Screenshot of a Palmer Penguins dashboard: a sidebar with checkboxes and a dropdown, and two plots in main panel. Blue theme."}](https://jjallaire.shinyapps.io/penguins-dashboard/)
![](/docs/dashboards/examples/thumbnails/penguins-dashboard.png){.border .lightbox group="dashboards" fig-alt="Screenshot of a Palmer Penguins dashboard: a sidebar with checkboxes and a dropdown, and two plots in main panel. Blue theme."}
:::

For the source code of these dashboards and additional examples see the [examples gallery](/docs/dashboards/examples/index.qmd). When you are ready to build your own Quarto dashboard head to our guide on [Dashboards](/docs/dashboards/index.qmd).
For live versions of these dashboards, source code, and additional examples see the [examples gallery](/docs/dashboards/examples/index.qmd). When you are ready to get started head to [Dashboards](/docs/dashboards/index.qmd).

## Cross-References

Cross-references have had an overhaul in Quarto 1.4 enabling you to do things like:

* Flexibly define the content of float cross-references, things like figures, tables and code listings, with the new [Cross-Reference Div Syntax](/docs/authoring/cross-references-divs.qmd). For example, @tbl-table is an image treated like a table:

::: {layout-ncol="2"}

````markdown
::: {#tbl-table}

![](table.png)

An image treated like a table

:::
````

::: {#tbl-table}

![](images/crossref-div-table.png)

An image treated like a table

:::

:::

And notice if you hover over the reference as it appears in the text, you'll get a floating preview of the content---that's new too.

* Define your own [custom types of float cross-reference](/docs/authoring/cross-references-custom.qmd), which you could use to create cross-references to Videos, Diagrams or [Supplemental Figures](https://quarto.org/docs/authoring/cross-references-custom.html#example-supplemental-figures).

* Cross-reference [executable code cells](/docs/authoring/cross-references.qmd#code-listings), [callouts](/docs/authoring/cross-references.qmd#callouts) and [Remarks and Solutions](/docs/authoring/cross-references.html#theorems-and-proofs).

Some of the cross-reference work has been behind the scenes which will make other changes to cross-references easier in future releases.

## Manuscripts

Quarto manuscript projects provide a framework for writing and publishing scholarly articles. You can use notebooks (`.qmd` or `.ipynb`) as the source of content and computations, and then publish these computations alongside the manuscript, allowing readers to dive into your code.

The output of a manuscript project is a website containing the article, accessible in multiple formats (e.g., LaTeX, MS Word) through a manuscript website:

::: {layout="[[3,1]]"}

![Article Content](images/article-content.png){fig-alt="A screenshot of the content area on the manuscript webpage. Content shows a title block including the article title, authors, and abstract, body text, and an image with a caption." .border}

![Navigation](images/webpage-menu.png){fig-alt="A screenshot of the menu on the right hand side of the manuscript webpage. The menu has headings: Table of contents, Other Formats, Notebooks and Other Links." .border}

:::

Read more about manuscripts and how to get started at [Manuscripts](/docs/manuscripts/index.qmd).

## Typst

Expand Down

0 comments on commit f499363

Please sign in to comment.