@shopify/polaris-viz
Advanced tools
Polaris Viz is a data visualization React component library. It was built to help Shopify merchants better understand their data.
Run the following command using npm:
npm install @shopify/polaris-viz --save
If you prefer Yarn, use the following command instead:
yarn add @shopify/polaris-viz
If your app is set up to consume esnext builds, import components where you want to use them and the styles will automatically be applied.
If your app is not set up for esnext, import the styles where you import components from the library:
import '@shopify/polaris-viz/styles.css';
Components inherit their sizes from their containers, so place your component inside an element with a width and height specified.
Used for positive datasets with two to four items.
Used in small sizes to give an overview of how a metric has performed over time.
Used to show change over time, comparisons, and trends.
Used to show comparison across categories.
Used to show comparison of different types, across categories.
Used to compare multiple series of data and display the total value.
Pull requests are welcome.
FAQs
Shopify’s viz component library
The npm package @shopify/polaris-viz receives a total of 7,462 weekly downloads. As such, @shopify/polaris-viz popularity was classified as popular.
We found that @shopify/polaris-viz demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.
Security News
Michigan TypeScript founder Dimitri Mitropoulos implements WebAssembly runtime in TypeScript types, enabling Doom to run after processing 177 terabytes of type definitions.