{"id":13702025,"url":"https://github.com/chartjs/chartjs-plugin-deferred","last_synced_at":"2025-06-28T04:30:27.135Z","repository":{"id":10559697,"uuid":"60929956","full_name":"chartjs/chartjs-plugin-deferred","owner":"chartjs","description":"Chart.js plugin to defer initial chart updates","archived":false,"fork":false,"pushed_at":"2023-05-31T20:07:25.000Z","size":289,"stargazers_count":111,"open_issues_count":5,"forks_count":21,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-06-05T06:46:27.238Z","etag":null,"topics":["chartjs","lazy-loading","plugin"],"latest_commit_sha":null,"homepage":"https://chartjs-plugin-deferred.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chartjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-06-11T22:10:26.000Z","updated_at":"2025-04-20T07:11:19.000Z","dependencies_parsed_at":"2024-01-14T19:14:11.661Z","dependency_job_id":"d0f78f24-8194-4e6c-8eec-03f669cdf614","html_url":"https://github.com/chartjs/chartjs-plugin-deferred","commit_stats":{"total_commits":57,"total_committers":3,"mean_commits":19.0,"dds":"0.14035087719298245","last_synced_commit":"ff5dc36d9d7125c2bc51b9e42fb5bcee87605fee"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/chartjs/chartjs-plugin-deferred","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-plugin-deferred","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-plugin-deferred/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-plugin-deferred/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-plugin-deferred/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chartjs","download_url":"https://codeload.github.com/chartjs/chartjs-plugin-deferred/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-plugin-deferred/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262375251,"owners_count":23301241,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chartjs","lazy-loading","plugin"],"created_at":"2024-08-02T21:00:29.905Z","updated_at":"2025-06-28T04:30:27.104Z","avatar_url":"https://github.com/chartjs.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"docs/assets/banner.png\"/\u003e\n\u003c/div\u003e\n\n[![github](https://img.shields.io/github/release/chartjs/chartjs-plugin-deferred.svg?style=flat-square\u0026maxAge=600)](https://github.com/chartjs/chartjs-plugin-deferred/releases/latest) [![travis](https://img.shields.io/travis/chartjs/chartjs-plugin-deferred.svg?style=flat-square\u0026maxAge=600)](https://travis-ci.org/chartjs/chartjs-plugin-deferred) [![codeclimate](https://img.shields.io/codeclimate/maintainability/chartjs/chartjs-plugin-deferred.svg?style=flat-square\u0026maxAge=600)](https://codeclimate.com/github/chartjs/chartjs-plugin-deferred)\n\n[Chart.js](https://www.chartjs.org/) plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart animations when the user is likely to see them.\n\nRequires [Chart.js](https://github.com/chartjs/Chart.js/releases) **3.x**.\n\n## Documentation\n\n- [Introduction](https://chartjs-plugin-deferred.netlify.app/)\n- [Getting Started](https://chartjs-plugin-deferred.netlify.app/getting-started.html)\n- [Options](https://chartjs-plugin-deferred.netlify.app/options.html)\n- [Samples](https://chartjs-plugin-deferred.netlify.app/samples/)\n\n## Example\n\n```javascript\nnew Chart(ctx, {\n  // ... data ...\n  options: {\n    // ... other options ...\n    plugins: {\n      deferred: {\n        xOffset: 150,   // defer until 150px of the canvas width are inside the viewport\n        yOffset: '50%', // defer until 50% of the canvas height are inside the viewport\n        delay: 500      // delay of 500 ms after the canvas is considered inside the viewport\n      }\n    }\n  }\n});\n```\n\n## Development\n\nYou first need to install node dependencies (requires [Node.js](https://nodejs.org/)):\n\n```sh\n\u003e npm install\n```\n\nThe following commands will then be available from the repository root:\n\n```sh\n\u003e npm run build             // build dist files\n\u003e npm run build:dev         // build and watch for changes\n\u003e npm run lint              // perform code linting\n\u003e npm run lint -- --fix     // automatically fix linting problems\n\u003e npm run docs              // generate documentation (`dist/docs`)\n\u003e npm run docs:dev          // generate documentation and watch for changes\n\u003e npm run package           // create tgz and zip archives with dist files\n```\n\n## License\n\n`chartjs-plugin-deferred` is available under the [MIT license](LICENSE.md).\n","funding_links":[],"categories":["Plugins"],"sub_categories":["Interactions"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-plugin-deferred","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchartjs%2Fchartjs-plugin-deferred","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-plugin-deferred/lists"}