https://github.com/broadinstitute/lattice
Science Score: 36.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
○CITATION.cff file
-
✓codemeta.json file
Found codemeta.json file -
✓.zenodo.json file
Found .zenodo.json file -
○DOI references
-
○Academic publication links
-
✓Committers with academic emails
1 of 3 committers (33.3%) from academic institutions -
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (11.5%) to scientific vocabulary
Repository
Basic Info
- Host: GitHub
- Owner: broadinstitute
- License: bsd-3-clause
- Language: HTML
- Default Branch: main
- Homepage: https://lattice.broadinstitute.org/
- Size: 5.45 MB
Statistics
- Stars: 1
- Watchers: 5
- Forks: 1
- Open Issues: 7
- Releases: 2
Metadata Files
README.md
lattice.js
Lattice.js is a JavaScript library for creating coordinated multivariate visualizations for sciences. At its core, Lattice champions a 2D grid-based design approach, which offers an intuitive yet powerful visual solution for rendering multivariate data.
Demos
To see demos of our sample use cases and basic plot types, visit https://lattice.broadinstitute.org.
Installing and using lattice.js
Use npm to install the package in your project.
npm install lattice-viz
import the library to use lattice. There are 3 different imports you can use that will depend on your specific use case.
import { LatticeLib, Plot, Lattice } from "lattice-viz";
1. LatticeLib - This exposes basic usage of Lattice.js as a charting library, allowing someone to call LatticeLib.plot(...) or LatticeLib.lattice(...) to generate a lattice or a plot.
2. Plot - This allows someone to build their own visualization tool and instantiate a Plot object within it.
3. Lattice - Similarly to 2, this allows someone to build their own visualization tool and instantiate a Lattice object within it.
Data visualization developers who may want to layer additional interactive pieces on top of the base visualization are able to do so using options 2 and 3 in conjuction with D3.js.
Styling
Out-of-the-box CSS styling has been provided for easy usage of the lattice.js library and can be imported into your app at its entrypoint.
import "lattice-viz/src/css/LatticeLib.css";
You will need to install style-loader and css-loader and add a basic rule for css to your webpack config.
...
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
}
...
Developing the lattice.js library
Getting started
After cloning the respository from GitHub, run npm install at the root of the repository.
To generate jsdocs
npm run docs
Owner
- Name: Broad Institute
- Login: broadinstitute
- Kind: organization
- Location: Cambridge, MA
- Website: http://www.broadinstitute.org/
- Twitter: broadinstitute
- Repositories: 1,083
- Profile: https://github.com/broadinstitute
Broad Institute of MIT and Harvard
GitHub Events
Total
- Push event: 2
- Create event: 1
Last Year
- Push event: 2
- Create event: 1
Issues and Pull Requests
Last synced: 11 months ago
All Time
- Total issues: 8
- Total pull requests: 52
- Average time to close issues: 15 days
- Average time to close pull requests: 6 days
- Total issue authors: 2
- Total pull request authors: 3
- Average comments per issue: 0.0
- Average comments per pull request: 0.0
- Merged pull requests: 52
- Bot issues: 0
- Bot pull requests: 0
Past Year
- Issues: 0
- Pull requests: 1
- Average time to close issues: N/A
- Average time to close pull requests: about 1 hour
- Issue authors: 0
- Pull request authors: 1
- Average comments per issue: 0
- Average comments per pull request: 0.0
- Merged pull requests: 1
- Bot issues: 0
- Bot pull requests: 0
Top Authors
Issue Authors
- duyentnguyen (7)
- kataviz (1)
Pull Request Authors
- kataviz (33)
- duyentnguyen (18)
- dsjen (1)
Top Labels
Issue Labels
Pull Request Labels
Packages
- Total packages: 1
-
Total downloads:
- npm 5 last-month
- Total dependent packages: 2
- Total dependent repositories: 0
- Total versions: 5
- Total maintainers: 1
npmjs.org: lattice-viz
A JavaScript library for creating coordinated multivariate visualizations for scientific data
- Homepage: https://lattice.broadinstitute.org/
- License: ISC
-
Latest release: 0.2.0
published over 4 years ago
Rankings
Maintainers (1)
Dependencies
- 516 dependencies
- webpack ^4.41.6 development
- webpack-cli ^3.3.11 development
- webpack-dev-server ^3.10.3 development
- 744 dependencies
- css-loader ^4.3.0 development
- eslint-loader ^4.0.2 development
- mini-css-extract-plugin ^0.11.2 development
- optimize-css-assets-webpack-plugin ^5.0.4 development
- style-loader ^1.2.1 development
- webpack ^4.41.6 development
- webpack-cli ^3.3.11 development
- webpack-dev-server ^3.10.3 development
- eslint ^6.8.0
- @babel/parser 7.13.13 development
- @types/json-schema 7.0.7 development
- ajv 6.12.6 development
- ajv-keywords 3.5.2 development
- argparse 1.0.10 development
- big.js 5.2.2 development
- bluebird 3.7.2 development
- camelcase 6.2.0 development
- catharsis 0.8.11 development
- colorette 1.2.2 development
- css-loader 5.2.0 development
- cssesc 3.0.0 development
- emojis-list 3.0.0 development
- entities 2.0.3 development
- escape-string-regexp 2.0.0 development
- fast-deep-equal 3.1.3 development
- fast-json-stable-stringify 2.1.0 development
- graceful-fs 4.2.6 development
- icss-utils 5.1.0 development
- indexes-of 1.0.1 development
- js2xmlparser 4.0.1 development
- jsdoc 3.6.6 development
- json-schema-traverse 0.4.1 development
- json5 2.2.0 development
- klaw 3.0.0 development
- linkify-it 2.2.0 development
- loader-utils 2.0.0 development
- lodash 4.17.21 development
- lru-cache 6.0.0 development
- markdown-it 10.0.0 development
- markdown-it-anchor 5.3.0 development
- marked 0.8.2 development
- mdurl 1.0.1 development
- minimist 1.2.5 development
- mkdirp 1.0.4 development
- nanoid 3.1.22 development
- postcss 8.2.9 development
- postcss-modules-extract-imports 3.0.0 development
- postcss-modules-local-by-default 4.0.0 development
- postcss-modules-scope 3.0.0 development
- postcss-modules-values 4.0.0 development
- postcss-selector-parser 6.0.4 development
- postcss-value-parser 4.1.0 development
- punycode 2.1.1 development
- requizzle 0.2.3 development
- schema-utils 3.0.0 development
- semver 7.3.5 development
- source-map 0.6.1 development
- sprintf-js 1.0.3 development
- strip-json-comments 3.1.1 development
- style-loader 2.0.0 development
- taffydb 2.6.2 development
- uc.micro 1.0.6 development
- underscore 1.10.2 development
- uniq 1.0.1 development
- uri-js 4.4.1 development
- util-deprecate 1.0.2 development
- xmlcreate 2.0.3 development
- yallist 4.0.0 development
- commander 2.20.3
- d3 5.15.0
- d3-array 1.2.4
- d3-axis 1.0.12
- d3-brush 1.1.5
- d3-chord 1.0.6
- d3-collection 1.0.7
- d3-color 1.4.0
- d3-contour 1.3.2
- d3-dispatch 1.0.6
- d3-drag 1.2.5
- d3-dsv 1.2.0
- d3-ease 1.0.6
- d3-fetch 1.1.2
- d3-force 1.2.1
- d3-format 1.4.3
- d3-geo 1.11.9
- d3-hierarchy 1.1.9
- d3-interpolate 1.4.0
- d3-path 1.0.9
- d3-polygon 1.0.6
- d3-quadtree 1.0.7
- d3-random 1.1.2
- d3-scale 2.2.2
- d3-scale-chromatic 1.5.0
- d3-selection 1.4.1
- d3-shape 1.3.7
- d3-time 1.1.0
- d3-time-format 2.2.3
- d3-timer 1.0.10
- d3-transition 1.3.2
- d3-voronoi 1.1.4
- d3-zoom 1.8.3
- iconv-lite 0.4.24
- rw 1.3.3
- safer-buffer 2.1.2
- css-loader ^5.2.0 development
- jsdoc ^3.6.6 development
- style-loader ^2.0.0 development
- d3 ^5.15.0
- 785 dependencies
- copy-webpack-plugin ^6.4.1 development
- css-loader ^4.3.0 development
- eslint-loader ^4.0.2 development
- mini-css-extract-plugin ^0.11.2 development
- optimize-css-assets-webpack-plugin ^5.0.4 development
- style-loader ^1.2.1 development
- webpack ^4.41.6 development
- webpack-cli ^3.3.11 development
- webpack-dev-server ^3.10.3 development
- eslint ^6.8.0
- alex-page/github-project-automation-plus v0.8.1 composite