Skip to content

Jewels/add custom viz nr1 json guide - #1188

Merged
JuliaNocera merged 25 commits into
developfrom
jewels/add-custom-viz-nr1-json-guide
Mar 24, 2021
Merged

JuliaNocera merged 25 commits into
developfrom
jewels/add-custom-viz-nr1-json-guide

Conversation

@JuliaNocera

@JuliaNocera JuliaNocera commented Mar 22, 2021 •

Copy link
Copy Markdown
Contributor

Description

This is the second of two new guides for the NRU programmability course. This PR should be merged after the first guide PR which I branched off of to start this PR.

This PR mainly adds this file src/markdown-pages/build-apps/customize-visualizations-with-configuration.mdx. The other file added under /build-apps/ is from the first PR mentioned above.

cc: @jaesius

Reviewer Notes

If there are links or steps needed to test this work, add them here.

Related Issue(s) / Ticket(s)

This guide relies on a previous guide that is currently another PR.


## Setup the visualization component state

In this first set of steps you will add component state to your visualization template form the previous guide referrenced above.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"referrenced" -> "referenced" (sp)


</Step>

To learn more about `Treemap` chart, go to the <Link to="https://recharts.org/en-US/examples/SimpleTreemap">Recharts Treemap example</Link> or the <Link to="https://recharts.org/en-US/api/Treemap">Recharts Treemap API docs</Link>.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Treemap chart" -> "Treemap charts" (plural)


</Step>

Now <Link to="/build-apps/build-visualization#render-the-visualization-in-local-development">render the visualziation in local development</Link> to see the new Treemap chart below your Radar chart.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

visualziation -> visualization (sp)


<Step>

Under the `RadarChart` closing tag in render, add the `Treemap` component and the neccessary props.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

neccessary -> necessary (sp)

@JuliaNocera
JuliaNocera force-pushed the jewels/add-custom-viz-nr1-json-guide branch from 3507298 to 0c6f86c Compare March 23, 2021 06:14
@alexronquillo
alexronquillo force-pushed the jewels/add-custom-viz-nr1-json-guide branch from 0c6f86c to b582d7c Compare March 24, 2021 14:53
Cayla Hamann and others added 3 commits March 24, 2021 11:14
…relic/developer-website into jewels/add-custom-viz-nr1-json-guide
- Colons before codeblocks
- Fix code bugs
- Minor language changes
@JuliaNocera
JuliaNocera merged commit 3fbe5d9 into develop Mar 24, 2021
@JuliaNocera
JuliaNocera deleted the jewels/add-custom-viz-nr1-json-guide branch March 24, 2021 22:12
@nr-opensource-bot

Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 1.38.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants