Interactive visualization components for sensemaker data
npm install @conversationai/sensemaker-visualizationsA collection of reusable visualization components for displaying Sensemaker data, built with D3.js and Web Components.
bash
npm install
`$3
To run the Storybook development environment:
`bash
npm run storybook
`
This will start the Storybook server at http://localhost:6006. You can view and interact with all components in isolation.> Note: The Storybook stories use sample data from the
stories/data directory. To view all stories correctly, ensure you have both a comments.json and a summary.json file present in stories/data/.$3
To build the package for production:
`bash
npm run build
`
The compiled files will be output to the dist/ directory.$3
To build the static Storybook documentation site:
`bash
npm run build-storybook
`
The static site will be output to the storybook-static/ directory. You can deploy this directory to any static site host.$3
To publish a new version of the package to npm, follow these steps:
1. Make sure you are logged in to npm:
`bash
npm login
`
2. Update the version number using one of the following commands (this will automatically update package.json and create a Git commit and tag):
- For a patch update (bug fixes, backwards compatible):
`bash
npm version patch
`
- For a minor update (new features, backwards compatible):
`bash
npm version minor
`
- For a major update (breaking changes):
`bash
npm version major
`
3. Build the package:
`bash
npm run build
`
4. Publish to npm:
`bash
npm publish
`> Note: The
npm version command will automatically update the version in package.json`. Always ensure your changes are committed before publishing.The data used in this demo was gathered using the Polis software and is sub-licensed under CC BY 4.0 with Attribution to The Computational Democracy Project. The data and more information about how the data was collected can be found at the following link:
https://github.com/compdemocracy/openData/tree/master/american-assembly.bowling-green