Skip to content

Conversation

@JarekSmith
Copy link

Description

Creates a Gauge chart component type and adds a simple example to the storybook.

Related Issue

(Need to create an issue)

Motivation and Context

The gauge chart helps visualize a metric of data as a fraction towards a goal point (which is represented by a full gauge). It shows progress towards a target.

How Has This Been Tested?

Tests using the jest framework have been added to cover all functional react and vega files created in support of the Gauge component.

Screenshot:

{0D9192F5-B37F-49AE-86F1-C1D6353A1E35}

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

Make gauge appear in Storybook with Bullet graph

Found things we need to ask questions about

adding case for gauge on chartSpecBuilder.ts

Began adding Signals

Messed with the signals

Progress on Mark

Working on Mark Util

Marks Util Progress

Marks Util Progress

Mark Updates

Adding Needle Rule Mark.

Fixed paranthesis

Got gauge to render

Removed some comments

Stinking # symbols

WIP: gauge work

Fixing the color problems.

Added data-driven basics, color scheme corrections, and flexible props

Fixed the filler arc to have the one straight edge

Remove `track` from gaugeSpec

Touched up currVal to be dynamic

making the minimalistic skeleton for the gauge

Simpler implementation

Cleaned up basic Gauge

Deleting a comment

Make gauge appear in Storybook with Bullet graph

Found things we need to ask questions about

adding case for gauge on chartSpecBuilder.ts

Began adding Signals

Messed with the signals

Progress on Mark

Working on Mark Util

Marks Util Progress

Marks Util Progress

Mark Updates

Adding Needle Rule Mark.

Fixed paranthesis

Got gauge to render

Removed some comments

Stinking # symbols

WIP: gauge work

Fixing the color problems.

Added data-driven basics, color scheme corrections, and flexible props

Fixed the filler arc to have the one straight edge

Remove `track` from gaugeSpec

Touched up currVal to be dynamic

making the minimalistic skeleton for the gauge

Simpler implementation

Cleaned up basic Gauge

Deleting a comment

Modified Basic Gauge Props

Stashing to get rid of it

Made gauge tests for data util and mark util.

Fixed gaugeSpecBuilder test

Implement Gauge.test.tsx

Remove unnecessary imports

Add readme.md
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