PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.16

npm

4d-gantt-chart

4D Gantt Chart Example

Published23 Sept 2022
Direct dependencies15
Transitive dependenciesNot calculated

README

Current package documentation

🚀 4D Gantt

📖 About

This package has started as an idea to create Gantt Chart suited for the construction industry. The inital code was inspired by the blog of Artem aka @shybovycha. The project is open source and can be found here.

📝 Description

This library is developed to fill a gap in the opensource community for tools that could deal with schedules in construction in general. The main focus of the library is the ability to play animation using the timeline so it could integrate with other tools like BIM and libraries like ifc.js and three.js.

This library is part of a suite of libraries developed primairly for planners and project controllers like the PyP6XER library that can be used to read and write P6 XER files.

The package is developed using TypeScript and it is still work in progress.

📦 Installation

The plan for the package is to be published on npmjs.com. However, it is not ready yet. The package can be installed using the following command:

npm install 4d-gantt

🚀 Usage

Demo

You can see a live demo of the project here.

📜 License

📜TODO

  • Modify task list to be a treetable. This should show heirarichal structure of the wbs and activities section 6 in the image
  • Automate the chart from and to date by getting them from data
  • Modify the data structure of tasks to be a list of tasks where a task is defined as

[
{id: 1, name:"Task 1", start: new Date("2022/1/1"), end: new Date("2022/3/1"), parent: null},
{id: 2, name:"Task 2", start: new Date("2022/2/1"), end: new Date("2022/3/1"), parent: 1}
]
  • Create current Date line to show with 4D simulation.
  • Make sections resizable i.e. the treetable and the chart area
  • Package could be publish to npmjs as a reusable package
  • Add events handlers on taskClicked
  • Allow user to change timescale to years, months, weeks, days
  • Allow for multiple themes or even colors setting during development
  • Change the timescales to show either day, week, month or year
  • Optimise performance for large schedules
  • create toolbar to manupilate the Gantt chart with tools like collapse all, expand all, zoom in, zoom out, etc.
  • Enable dynamic selection of columns

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 15

Native requirements
15 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@types/node
Environment
{
  "local_name": "@types/node",
  "alias": false,
  "peer_metadata": null
}
^18.7.14development
@types/webpack
Environment
{
  "local_name": "@types/webpack",
  "alias": false,
  "peer_metadata": null
}
^5.28.0development
@webpack-cli/generators
Environment
{
  "local_name": "@webpack-cli/generators",
  "alias": false,
  "peer_metadata": null
}
^2.5.0development
clean-webpack-plugin
Environment
{
  "local_name": "clean-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
copy-webpack-plugin
Environment
{
  "local_name": "copy-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^11.0.0development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^6.7.1development
declaration-bundler-webpack-plugin
Environment
{
  "local_name": "declaration-bundler-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^1.0.3development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.5.0development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^3.3.1development
ts-loader
Environment
{
  "local_name": "ts-loader",
  "alias": false,
  "peer_metadata": null
}
^9.3.1development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.8.3development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^5.74.0development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
^4.10.0development
webpack-dev-server
Environment
{
  "local_name": "webpack-dev-server",
  "alias": false,
  "peer_metadata": null
}
^4.10.1development
wepack-cli
Environment
{
  "local_name": "wepack-cli",
  "alias": false,
  "peer_metadata": null
}
^0.0.1-securitydevelopment

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-sj54KwdwS4+/ROpJVoCzE9rUYNprOIgvgnLjYCxvKazd5F8j0D5ZKpyf19T3p8q8j9uTgkOmm8I39a9IR3xKFQ==",
  "shasum": "46f4d35d15373e03af9083313bdc26d780b97f3b",
  "tarball": "https://registry.npmjs.org/4d-gantt-chart/-/4d-gantt-chart-0.0.16.tgz",
  "fileCount": 103,
  "unpackedSize": 6109509,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCICUFLd+DQVv70iDac1VmjVdI6DuQpggDq2RfNiOPOZGJAiEAmb5Vzp/lO2w9lr7j09a2/NQSTK3cjLlEEBbQLXgJO7U="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLddDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriQw//SuM/LVuzxrPU5fDcua/2TT05CbEb7Po2O8TF9+n07qQocQIx\r\nZVTZ/nwReiEdpZkqi3koJZuyFnAOymTAav7OpbKiAmC3srAS/3lOXyOZcnv8\r\nQ475cwW4J0h4cAAn+n8zHoYaGpxHkovfJmNbaTH6bViXAJElsc/GSwAAP/eo\r\nJPjNyoKJHYan3Dm+uCJzMMM1oFXyTxMI2XQ0TBEeN8RQHyg6/1BiqVBd2B+m\r\nZVuWwPJKt339HCRqtPtm/3CdJvM2jrxv+TIk9b18KnD8+PZXVJeIDPlC8sAn\r\nRnq8hqF8bfDzCJTFDWfhecbqvNmUPZvGvW6v2LFnkeAG+PWE8CD9FWhDYMhV\r\nd1o2igiLZKpEogN1dPh+o9kmFU+X/vBSWC0MwmVzSC/IdjdwqtHPgAm/Kaj8\r\nD5vZ7IM7UaNkt/CYTcaj3dd3b2TPVi/kktlO+O5X04z/94XXGTrg5r81dPbV\r\ntrB994h7X6K2b+FHFWDpVZCOtY0ov9zhptCThEKQ0bRtCTCv/Ajf8vZl5J0X\r\niU/FMhjrv0eb0v+Cc3dQvfeJ+F2s1TC46m8VN+ly9d5oVPpNXnzHp8gYawHv\r\nHkYgMRxu7eEgpps5vV5X6zXKfyG/oTJ6jagtMFS4vEhWLTxRHBlpVhf+Qmbu\r\nJ/y6wrnz3cThIsshvYkdlsrR3qwEq2yp6bk=\r\n=MNPQ\r\n-----END PGP SIGNATURE-----\r\n"
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 20:07 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:cf7f1f3d60eda15d47e1f4e78b4d08cc5ca273e859062d9e6e181e7ac05be7e5

Other collected versions

0.0.2323 Apr0.0.2224 Mar0.0.2121 Mar0.0.201 Oct0.0.191 Oct0.0.1824 SeptView all collected versions →