Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

basicprimitives

Package Overview
Dependencies
Maintainers
1
Versions
42
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

basicprimitives - npm Package Compare versions

Comparing version 5.9.2 to 6.0.0

changelog.md

47

package.json
{
"name": "basicprimitives",
"version": "5.9.2",
"homepage": "https://www.basicprimitives.com/",
"version": "6.0.0",
"author": "Basic Primitives Inc. <support@basicprimitives.com> (https://www.basicprimitives.com)",
"description": "Basic Primitives Diagrams for JavaScript - data visualization components library that implements organizational chart and multi-parent dependency diagrams, contains implementations of JavaScript Controls and PDF rendering plugins.",
"main": "primitives.latest.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {

@@ -13,5 +11,38 @@ "type": "git",

},
"homepage": "https://www.basicprimitives.com/",
"author": "Basic Primitives Inc. <support@basicprimitives.com> (https://www.basicprimitives.com)",
"license": "SEE LICENSE IN license.pdf",
"main": "dist/primitives.js",
"module": "./src/index.js",
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/preset-env": "^7.12.7",
"babel-jest": "^26.6.3",
"babel-loader": "^8.2.2",
"clean-webpack-plugin": "^3.0.0",
"css-loader": "^5.0.1",
"html-webpack-plugin": "^4.5.0",
"jest": "^26.6.3",
"jest-image-snapshot": "^4.2.0",
"jest-puppeteer": "^4.4.0",
"puppeteer": "^5.5.0",
"style-loader": "^2.0.0",
"url-loader": "^4.1.1",
"webpack": "^4.44.2",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0",
"blob-stream": "^0.1.3",
"file-saver": "^2.0.5",
"pdfkit-nodejs-webpack": "^0.0.2"
},
"scripts": {
"test": "jest",
"build": "webpack",
"start": "webpack serve ",
"apireference": "node apireference.js apireference.json"
},
"dependencies": {
},
"jest": {
"testEnvironment": "jsdom"
},
"keywords": [

@@ -58,2 +89,2 @@ "data analytics",

]
}
}

12

readme.md

@@ -10,3 +10,3 @@ # [Basic Primitives](https://www.basicprimitives.com) Diagrams for JavaScript

* [Basic Primitives for React Live Demos](https://basicprimitives.github.io/react/) - github live site
* [Basic Primitives for JavaScript, jQUery and PDFkit Live Demos & Samples](https://basicprimitives.github.io/javascript/) - github live site
* [Basic Primitives for JavaScript, Bootstrap and PDFkit Live Demos & Samples](https://basicprimitives.github.io/javascript/) - github live site

@@ -45,4 +45,4 @@ ## Supported Diagrams:

#### Auto layout and fititing the diagram into a single screen space:
When using a graphics editor to manually draw your diagrams, it is common place to have large gaps between the nodes. This can make the diagram/chart unreadable, hard to edit and navigate. On top of that, on a large scale the diagram could have screen size intervals between items. Admittedly the computer UI does allow the user to scale and fit the diagram in order to visualize it on a single screen. But in that case, the items become small and unreadable as there is no scaling priority and the items are just too small to be readable [Here is PDF example demonstrating the problem.](https://github.com/BasicPrimitives/javascript/raw/master/samples/images/sparse_data_problem.pdf) The primary goal of our approach to organizational charts and other diagrams visualization is to resolve these issues. Our product component specializes in displaying large diagrams in a single screen or nearly removing all scrolling while at the same time not affecting the diagram's usability. This is only possible when the diagramming component is in control of the auto layout for the nodes.
#### Auto layout and fiting the diagram into a single screen space:
When using a graphics editor to manually draw your diagrams, it is common place to have large gaps between the nodes. This can make the diagram/chart unreadable, hard to edit and navigate. On top of that, on a large scale the diagram could have screen size intervals between items. Admittedly the computer UI does allow the user to scale and fit the diagram in order to visualize it on a single screen. But in that case, the items become small and unreadable as there is no scaling priority and the items are just too small to be readable [Here is PDF example demonstrating the problem.](samples/images/sparse_data_problem.pdf) The primary goal of our approach to organizational charts and other diagrams visualization is to resolve these issues. Our product component specializes in displaying large diagrams in a single screen or nearly removing all scrolling while at the same time not affecting the diagram's usability. This is only possible when the diagramming component is in control of the auto layout for the nodes.

@@ -74,7 +74,7 @@ * Minimizing nodes into markers and labels: Our component provides a special mode that renders the diagram nodes in the form of markers. This is a highly scalable form that is capable of rendering large numbers of nodes while not affecting the rendering performance. With this, huge diagrams can be fit into avaialable screen space.

![Complete Bipartite Graph](https://github.com/BasicPrimitives/javascript/raw/master/samples/images/cbp88.png)
![Complete Bipartite Graph](samples/images/cbp88.png)
This is definitely an extreme example of family relations, but it could happen and the component automatically groups connectors into bundles so it produces the following optimized set of relations:
![Complete Bipartite Graph Bundled](https://github.com/BasicPrimitives/javascript/raw/master/samples/images/cbp88bundled.png)
![Complete Bipartite Graph Bundled](samples/images/cbp88bundled.png)

@@ -86,3 +86,3 @@ This connector bundling method is actively used throughout the product in order to increase the readability of the diagrams.

![Excessive amount of connections](https://github.com/BasicPrimitives/javascript/raw/master/samples/images/cbp88everyparent.png)
![Excessive amount of connections](samples/images/cbp88everyparent.png)

@@ -89,0 +89,0 @@ ### Annotating diagram nodes

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc