{"id":31846913,"url":"https://github.com/vasturiano/hilbert-chart","last_synced_at":"2025-10-12T09:17:46.661Z","repository":{"id":11959992,"uuid":"70871104","full_name":"vasturiano/hilbert-chart","owner":"vasturiano","description":"Hilbert space-filling curve chart","archived":false,"fork":false,"pushed_at":"2025-06-05T23:04:38.000Z","size":881,"stargazers_count":34,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-09-07T09:35:44.171Z","etag":null,"topics":["chart","d3-charts","d3js","data-visualization","hilbert-curve","layout","space-filling-curves"],"latest_commit_sha":null,"homepage":"https://vasturiano.github.io/hilbert-chart/examples/ipv4-address-space/","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/vasturiano.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-10-14T03:34:32.000Z","updated_at":"2025-06-05T23:04:40.000Z","dependencies_parsed_at":"2023-10-20T16:37:24.880Z","dependency_job_id":"8b696f58-dc6a-4e4e-8c49-6d5c6baa7305","html_url":"https://github.com/vasturiano/hilbert-chart","commit_stats":{"total_commits":142,"total_committers":3,"mean_commits":"47.333333333333336","dds":"0.10563380281690138","last_synced_commit":"5897c6a2c908ca211b5e44f6c2190ff8b137c17e"},"previous_names":[],"tags_count":79,"template":false,"template_full_name":null,"purl":"pkg:github/vasturiano/hilbert-chart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fhilbert-chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fhilbert-chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fhilbert-chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fhilbert-chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vasturiano","download_url":"https://codeload.github.com/vasturiano/hilbert-chart/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fhilbert-chart/sbom","scorecard":{"id":916830,"data":{"date":"2025-08-11","repo":{"name":"github.com/vasturiano/hilbert-chart","commit":"d3a5ade0c87bea4795fbe4ca28996aae7e3fe87e"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.9,"checks":[{"name":"Maintained","score":0,"reason":"1 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":9,"reason":"1 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-24T21:20:09.437Z","repository_id":11959992,"created_at":"2025-08-24T21:20:09.437Z","updated_at":"2025-08-24T21:20:09.437Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279010956,"owners_count":26084837,"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","status":"online","status_checked_at":"2025-10-12T02:00:06.719Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chart","d3-charts","d3js","data-visualization","hilbert-curve","layout","space-filling-curves"],"created_at":"2025-10-12T09:17:43.056Z","updated_at":"2025-10-12T09:17:46.651Z","avatar_url":"https://github.com/vasturiano.png","language":"JavaScript","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026business=L398E7PKP47E8\u0026currency_code=USD\u0026source=url"],"categories":[],"sub_categories":[],"readme":"Hilbert Chart\n==============\n\n[![NPM package][npm-img]][npm-url]\n[![Build Size][build-size-img]][build-size-url]\n[![NPM Downloads][npm-downloads-img]][npm-downloads-url]\n\nA hilbert space-filling curve chart for representing one-dimensional lengths on a two-dimensional space.\n\nLive example at: https://observablehq.com/@vasturiano/hilbert-map-of-ipv4-address-space\n\n## Quick start\n\n```js\nimport HilbertChart from 'hilbert-chart';\n```\nor using a *script* tag\n```html\n\u003cscript src=\"//cdn.jsdelivr.net/npm/hilbert-chart\"\u003e\u003c/script\u003e\n```\nthen\n```js\nconst myChart = new HilbertChart(\u003cmyDOMElement\u003e)\n  .hilbertOrder(\u003chilbertOrder\u003e)\n  .data(\u003cmyData\u003e);\n```\n\n## API reference\n\n### Initialisation\n```js\nnew HilbertChart(\u003cdomElement\u003e, { configOptions })\n```\n\n| Config options | Description | Default |\n| --- | --- | :--: |\n| \u003cb\u003euseCanvas\u003c/b\u003e: \u003ci\u003eboolean\u003c/i\u003e | Whether to use **HTML5 Canvas** (`true`) or **SVG** (`false`) as rendering method. Canvas yields much better rendering performance for very large number of items. | `false` |\n| \u003cb\u003ezoomWithModKey\u003c/b\u003e: \u003ci\u003eboolean\u003c/i\u003e | Whether to require a modifier key (meta or ctrl) to be pressed in order to engage the scrolling zoom. | `false` |\n\n### Methods\n\n| Method | Description | Default |\n| ------------------ | -------------------------------------------------------------------------------------------------------------------------- | ------------- |\n| \u003cb\u003ewidth\u003c/b\u003e([\u003ci\u003enumber\u003c/i\u003e]) | Getter/setter for the length of each side of the square chart, in px. | (fit to window) |\n| \u003cb\u003emargin\u003c/b\u003e([\u003ci\u003enumber\u003c/i\u003e]) | Getter/setter for the chart margin that contains the axis ticks and labels, in px. | 90 |\n| \u003cb\u003ehilbertOrder\u003c/b\u003e([\u003ci\u003enumber\u003c/i\u003e]) | Getter/setter for the extent of the hilbert curve range, determined by `4^order`. Values higher than `26` are disadvised, due to JavaScript's [MAX_SAFE_INTEGER](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER). | 4 |\n| \u003cb\u003edata\u003c/b\u003e([\u003ci\u003earray\u003c/i\u003e]) | Getter/setter for the list of ranges to render. Each range object should follow the minimum syntax of `{start: \u003cint\u003e, length: \u003cint\u003e}`. | `[]` |\n| \u003cb\u003erangeLabel\u003c/b\u003e([\u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object label accessor function (`fn(range)`) or attribute. | `name` |\n| \u003cb\u003erangeLabelColor\u003c/b\u003e([\u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object label color accessor function (`fn(range)`) or attribute. | `() =\u003e 'black'` |\n| \u003cb\u003erangeColor\u003c/b\u003e([\u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object color accessor function (`fn(range)`) or attribute. | (cycle through d3.schemeCategory20 for unique labels) |\n| \u003cb\u003erangePadding\u003c/b\u003e([\u003ci\u003enumber\u003c/i\u003e, \u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object padding ratio accessor function (`fn(range)`), attribute or a constant number for all ranges. The padding ratio should be a number between `0` and `1` representing the proportional size of the padding space compared to the width of the path. | 0 |\n| \u003cb\u003erangePaddingAbsolute\u003c/b\u003e([\u003ci\u003enumber\u003c/i\u003e, \u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object absolute padding accessor function (`fn(range)`), attribute or a constant number for all ranges. This absolute padding is added to the relative one set with `rangePadding`. | 0 |\n| \u003cb\u003evalFormatter\u003c/b\u003e([\u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the value formatting function (`fn(value)`), as text displayed in axis ticks and tooltips. Should return a string. | `d =\u003e d` |\n| \u003cb\u003efocusOn\u003c/b\u003e(\u003ci\u003epos\u003c/i\u003e, \u003ci\u003elength\u003c/i\u003e, [\u003ci\u003ems\u003c/i\u003e]) | Zoom-in on a particular area of the chart, defined by [`pos`, `pos+length-1`]. May be an approximation if `length` doesn't match a logical bit boundary. An optional 3rd argument defines the duration of the transition (in ms) to animate the zooming motion. A value of 0 (default) jumps immediately to the final position. ||\n| \u003cb\u003eshowValTooltip\u003c/b\u003e([\u003ci\u003eboolean\u003c/i\u003e]) | Getter/setter for whether to show a value tooltip on mouse-over. | `true` |\n| \u003cb\u003eshowRangeTooltip\u003c/b\u003e([\u003ci\u003eboolean\u003c/i\u003e]) | Getter/setter for whether to show a range tooltip on mouse-over. | `true` |\n| \u003cb\u003erangeTooltipContent\u003c/b\u003e([\u003ci\u003estring\u003c/i\u003e or \u003ci\u003efn\u003c/i\u003e]) | Getter/setter for the range object tooltip content accessor function or attribute. Supports plain text or HTML content. | `\u003clabel\u003e: \u003cstart\u003e - \u003cend\u003e` |\n| \u003cb\u003eenableZoom\u003c/b\u003e([\u003ci\u003eboolean\u003c/i\u003e]) | Getter/setter for whether to enable zoom/pan interaction in the chart. | `true` |\n| \u003cb\u003eonRangeClick\u003c/b\u003e(\u003ci\u003efn\u003c/i\u003e) | Callback function for range clicks. The range object is included as single argument `onRangeClick(range)`. | - |\n| \u003cb\u003eonRangeHover\u003c/b\u003e(\u003ci\u003efn\u003c/i\u003e) | Callback function for range mouse over events. The range object (or `null` if hovering out) is included as single argument `onRangeHover(range)`. | - |\n| \u003cb\u003eonPointerMove\u003c/b\u003e(\u003ci\u003efn\u003c/i\u003e) | Callback function for pointer move events over the hilbert canvas. The hilbert curve value directly under the mouse pointer is included as argument, as well as the event object itself. `onPointerMove(value, event)`. | - |\n| \u003cb\u003eonZoom\u003c/b\u003e(\u003ci\u003efn\u003c/i\u003e) | Callback function for zoom/pan events. The current zoom transform is included as single argument `onZoom({ k, x, y })`. Note that `onZoom` is triggered by user interaction as well as programmatic zooming/panning with `focusOn()`. | - |\n| \u003cb\u003eonZoomEnd\u003c/b\u003e(\u003ci\u003efn\u003c/i\u003e) | Callback function for 'end' of zoom/pan events. The current zoom transform is included as single argument `onZoomEnd({ k, x, y })`. Note that `onZoomEnd` is triggered by user interaction as well as programmatic zooming/panning with `focusOn()`. | - |\n\n## ❤️ Support This Project\n\nIf you find this module useful and would like to support its development, you can [buy me a ☕](https://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026business=L398E7PKP47E8\u0026currency_code=USD\u0026source=url). Your contributions help keep open-source sustainable!\n[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026business=L398E7PKP47E8\u0026currency_code=USD\u0026source=url)\n\n\n[npm-img]: https://img.shields.io/npm/v/hilbert-chart\n[npm-url]: https://npmjs.org/package/hilbert-chart\n[build-size-img]: https://img.shields.io/bundlephobia/minzip/hilbert-chart\n[build-size-url]: https://bundlephobia.com/result?p=hilbert-chart\n[npm-downloads-img]: https://img.shields.io/npm/dt/hilbert-chart\n[npm-downloads-url]: https://www.npmtrends.com/hilbert-chart\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasturiano%2Fhilbert-chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvasturiano%2Fhilbert-chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasturiano%2Fhilbert-chart/lists"}