| | |
|---|
| | |  |
|---|
| | | {{< /column >}} |
|---|
| | | {{< /block >}} |
|---|
| | | {{< column "mt-2" >}} |
|---|
| | | ### You can generate graphs, charts and tables from a csv, ~~or a json~~ dataset |
|---|
| | | {{< /column >}} |
|---|
| | | {{< grid "3" >}} |
|---|
| | | {{< chart "data" "pie, bar, doughnut" >}} |
|---|
| | | {{< /grid >}} |
|---|
| | | |
|---|
| | | {{< button "docs/compose/graphs-charts-tables/" "Learn more" "mt-2" >}} |
|---|
| | | |
|---|
| | | {{< column "mt-2" >}} |
|---|
| | | ### You can generate graphs, charts and tables from a csv, ~~or a json~~ dataset |
|---|
| | | |
|---|
| | | {{< button "docs/compose/graphs-charts-tables/#show-a-pie-doughnut--bar-chart-at-once" "Learn more" >}} |
|---|
| | | {{< /column >}} |
|---|
| | |
|---|
| | | |
|---|
| | | Please note that you cannot enforce both modes at the same time. It wouldn't make sense, would it? |
|---|
| | | |
|---|
| | | > ⚠️ Please also note that the mode toggle UI will remain in place. That way, if a user prefers dark mode, they can have their way. The best of both worlds. |
|---|
| | | {{< tip "warning" >}} |
|---|
| | | > Please also note that the mode toggle UI will remain in place. That way, if a user prefers dark mode, they can have their way. The best of both worlds. |
|---|
| | | {{< /tip >}} |
|---|
| | | |
|---|
| | | ### I18N |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | Clarity supports Hugo built-in Disqus partial, you can enable Disqus simply by setting [`disqusShortname`](https://gohugo.io/templates/internal/#configure-disqus) in your configuration file. |
|---|
| | | |
|---|
| | | > ⚠️ `disqusShortname` should be placed in root level of configuration. |
|---|
| | | {{< tip >}} |
|---|
| | | > `disqusShortname` should be placed in root level of configuration. |
|---|
| | | {{< /tip >}} |
|---|
| | | |
|---|
| | | You can also create a file named `layouts/partials/comments.html` for customizing the comments, checkout [Comments Alternatives](https://gohugo.io/content-management/comments/#comments-alternatives) for details. |
|---|
| | |
|---|
| | | |
|---|
| | | Firstly define the data you want to display from the front matter: |
|---|
| | | |
|---|
| | | ```toml |
|---|
| | | ```markdown |
|---|
| | | # from front matter |
|---|
| | | ... |
|---|
| | | [dataset1] # this key will in the chart shortcode |
|---|
| | |
|---|
| | | bargraph = true |
|---|
| | | title = "Projects" |
|---|
| | | table = true # show table listing the chart data |
|---|
| | | ... |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ```markdown |
|---|
| | | // from page content |
|---|
| | | ... |
|---|
| | | {{</* grid " mt-2" */>}} |
|---|
| | |
|---|
| | | |
|---|
| | | go 1.15 |
|---|
| | | |
|---|
| | | require github.com/onweru/compose v0.0.0-20210209175519-8ce9375a3199 // indirect |
|---|
| | | require github.com/onweru/compose v0.0.0-20210210164857-d73ed631861a // indirect |
|---|
| | |
|---|
| | | github.com/onweru/compose v0.0.0-20210204161300-a2d306fc5f5d/go.mod h1:tf1kQIBUcwJ/3mRFU5eiMrMvsDScVTK2IEFsZE3hZOc= |
|---|
| | | github.com/onweru/compose v0.0.0-20210209175519-8ce9375a3199 h1:AJDB9LlnRWD0Rx0nJeSpA7348igKzfAzOtXz5Cos80M= |
|---|
| | | github.com/onweru/compose v0.0.0-20210209175519-8ce9375a3199/go.mod h1:tf1kQIBUcwJ/3mRFU5eiMrMvsDScVTK2IEFsZE3hZOc= |
|---|
| | | github.com/onweru/compose v0.0.0-20210210164857-d73ed631861a h1:9kP8FJIwkC1NYkZ3hpU5i4wId6KAk0Ovc1JcyDl6vEs= |
|---|
| | | github.com/onweru/compose v0.0.0-20210210164857-d73ed631861a/go.mod h1:tf1kQIBUcwJ/3mRFU5eiMrMvsDScVTK2IEFsZE3hZOc= |
|---|
