Skip to content

indicator js tutorial #1422

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Aug 2, 2019
Merged

indicator js tutorial #1422

merged 4 commits into from
Aug 2, 2019

Conversation

Mahdis-z
Copy link
Contributor

No description provided.

Copy link
Contributor

@michaelbabyn michaelbabyn left a comment

Choose a reason for hiding this comment

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

Overall this looks good @Mahdis-z. Adding page_type: example_index and the two redirects I mentioned should be good to get this approved from my end.

I also want to make sure that leaving the title/name as Guage Charts was intentional and not an oversight.

We should change the name to Indicators for this example and we should create a new thumbnail as well.

redirect_from: javascript-graphing-library/gauge-charts/
display_as: financial
order: 4
redirect_from: javascript-graphing-library//indicator
Copy link
Contributor

@michaelbabyn michaelbabyn Aug 1, 2019

Choose a reason for hiding this comment

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

we shouldn't change this redirect here as we still want to redirect javascript-graphing-library/gauge-charts/ -> javascript/indicator/

Copy link
Contributor

@michaelbabyn michaelbabyn Aug 1, 2019

Choose a reason for hiding this comment

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

We should also add another redirect file from javascript/gauge-charts/ -> javascript/indicator/

permalink: javascript/gauge-charts/
description: How to make a D3.js-based circular gauge chart in javascript.
permalink: javascript/indicator/
description: How to make a D3.js-based gauge chart in javascript.
layout: user-guide
thumbnail: thumbnail/gauge.jpg
language: plotly_js
Copy link
Contributor

Choose a reason for hiding this comment

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

We'll need to add page_type: example_index here so that this shows up on the main page with the other financial chart types.

@@ -1,15 +1,15 @@
---
title: JavaScript Graphing Library D3.js-based Gauge Charts| Examples | Plotly
name: Gauge Charts
Copy link
Contributor

Choose a reason for hiding this comment

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

Should we change the name and title of this doc to Indicators as well?

{type: "indicator", value: 200, delta: {reference: 160},
gauge: {axis: {visible: false, range: [0, 200]}}, domain: {row: 0, column: 0}},
{type: "indicator", value: 120, gauge: {shape: "bullet", axis: {visible: false, range: [-200, 200]}},
domain: {x: [0.05, 0.5], y: [0.15, 0.35]}},
Copy link
Contributor

Choose a reason for hiding this comment

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

The "S" in speed gets a little cut off here. I wonder if it might be better to change the domain to something like [0.1,0.5]

@michaelbabyn
Copy link
Contributor

michaelbabyn commented Aug 1, 2019

@Mahdis-z , I just looked at the guage-charts PR 🙈 so you obviously don't have to worry about the redirects (except the redirect_from in this case is probably unnecessary) and the Name/title should be changed to indicators.

permalink: javascript/gauge-charts/
description: How to make a D3.js-based circular gauge chart in javascript.
permalink: javascript/indicator/
description: How to make a D3.js-based gauge chart in javascript.
layout: user-guide
thumbnail: thumbnail/gauge.jpg
Copy link
Contributor

Choose a reason for hiding this comment

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

Since we have another doc using the gauge thumbnail, we should create a new one for this doc.

@Mahdis-z
Copy link
Contributor Author

Mahdis-z commented Aug 1, 2019

Overall this looks good @Mahdis-z. Adding page_type: example_index and the two redirects I mentioned should be good to get this approved from my end.

I also want to make sure that leaving the title/name as Guage Charts was intentional and not an oversight.

We should change the name to Indicators for this example and we should create a new thumbnail as well.

+1

@Mahdis-z Mahdis-z requested a review from michaelbabyn August 1, 2019 17:37
@@ -1,70 +0,0 @@
---
name: Circular Gauge Chart
Copy link
Contributor

Choose a reason for hiding this comment

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

I think we should only remove this doc from #1427.

Copy link
Contributor

@michaelbabyn michaelbabyn left a comment

Choose a reason for hiding this comment

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

💃

@Mahdis-z Mahdis-z merged commit ce813d4 into source-design-merge Aug 2, 2019
@Mahdis-z Mahdis-z deleted the indicator branch August 2, 2019 21:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants