A data visualization dashboard web part built in SharePoint Framework using React.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
config
src
.editorconfig
.gitignore
.yo-rc.json
LICENSE
README.md
gulpfile.js
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

dash

This is a SharePoint list data visualization web part built in SharePoint Framework (SPFx) using the React SPFx template. This web part utilizes React, SharePoint REST web services, and Chart.js.

Building Your Own Web Part

This solution is intended to accompany Introduction to SharePoint Framework, an online educational course that helps you to learn modern SharePoint Framework development techniques. Learn how to build your own dashboard web part by following the lessons found at sharepointfx.io.

Getting Started

# Install dependencies
npm i

# Run the local workbench
gulp serve

Deploying to SharePoint

# Bundle the solution
gulp bundle --ship

# Package the solution
#  - This creates a sharepoint/solution/dash.sppkg file
gulp package-solution --ship

Once you have a dash.sppkg file, you can deploy this to your SharePoint environment's App Catalog. See the Deploying and Updating Solutions lesson for more information on solution deployment.

Learn More

For more information about the structure and functionality of this solution, see the official SharePoint Framework documentation.