{"id":29802320,"url":"https://github.com/bigfatdog/parcoords-es","last_synced_at":"2025-07-28T10:10:34.951Z","repository":{"id":21485654,"uuid":"93062372","full_name":"BigFatDog/parcoords-es","owner":"BigFatDog","description":"ES6 module of Syntagmatic's Parallel Coordinates ","archived":false,"fork":false,"pushed_at":"2023-01-27T08:46:53.000Z","size":8440,"stargazers_count":61,"open_issues_count":48,"forks_count":33,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-25T23:11:20.121Z","etag":null,"topics":["d3v4","d3v5","es6","parallel-coordinates","parcoords-es"],"latest_commit_sha":null,"homepage":"","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/BigFatDog.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}},"created_at":"2017-06-01T13:51:07.000Z","updated_at":"2025-04-09T03:58:46.000Z","dependencies_parsed_at":"2023-02-15T07:16:37.613Z","dependency_job_id":null,"html_url":"https://github.com/BigFatDog/parcoords-es","commit_stats":null,"previous_names":[],"tags_count":35,"template":false,"template_full_name":null,"purl":"pkg:github/BigFatDog/parcoords-es","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BigFatDog%2Fparcoords-es","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BigFatDog%2Fparcoords-es/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BigFatDog%2Fparcoords-es/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BigFatDog%2Fparcoords-es/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BigFatDog","download_url":"https://codeload.github.com/BigFatDog/parcoords-es/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BigFatDog%2Fparcoords-es/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267498463,"owners_count":24097405,"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-07-28T02:00:09.689Z","response_time":68,"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":["d3v4","d3v5","es6","parallel-coordinates","parcoords-es"],"created_at":"2025-07-28T10:10:29.692Z","updated_at":"2025-07-28T10:10:34.934Z","avatar_url":"https://github.com/BigFatDog.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# parcoords-es\n\nES6 module of Syntagmatic's [Parallel Coordinates](https://github.com/syntagmatic/parallel-coordinates) (aka. parcoords). This library is completely based on D3 V5 API. \n\n\n## Features\n\nPlease refer to [Parallel Coordinates](https://github.com/syntagmatic/parallel-coordinates)'s project page for concepts and API usage\n\nAll examples of the original project has been verified. You can play with them via running:\n \n```\nnpm install\nnpm run dev\n```\n\n## API\nThis section only lists api that are \u003cb\u003edeviated\u003c/b\u003e from the original parallel coordinates.\n\n\n\u003ca name=\"parcoords_brush_extents\" href=\"#parcoords_brush_extents\"\u003e#\u003c/a\u003e parcoords.\u003cb\u003ebrushExtents\u003c/b\u003e(extents) supports 1D multi brushes:\n\n1D brush [\u003c\u003e](https://github.com/BigFatDog/parcoords-es/blob/master/demo/setterForBrushes.html \"Source\")\n```javascript\n  .brushMode(\"1D-axes\")\n  .brushExtents({\"2\": [3,4]});\n```\n\n1D multi brush [\u003c\u003e](https://github.com/BigFatDog/parcoords-es/blob/master/demo/setterForMultiBrushes.html \"Source\")\n```javascript\n  .brushMode(\"1D-axes-multi\")\n  .brushExtents({\"2\": [[3,4], [6,8], [10, 14]]});\n\n```\n\nwhen parameter `extents` is not provided, this function returns\n\n```\nconst extents = parcoords.brushExtents();\n// format is:\n{\n    extents,\n    selection: {\n        raw, //raw coordinate\n        scaled //y-scale transformed\n    }\n}\n```\n\n\n\n\u003ca name=\"parcoords_marking\" href=\"#parcoords_marking\"\u003e#\u003c/a\u003e parcoords.\u003cb\u003emark\u003c/b\u003e([values])\nallows user to permanently highlight a data element in chart\n```\nconst data = [...];\nconst pc = ParCoords().data(data)...;\nparcoords.mark(data.filter(d =\u003e d.volume \u003e 10));\n```\nPlease refer to [marking demo](https://github.com/BigFatDog/parcoords-es/blob/develop/demo/marking.html \"Source\") for details\n\n\u003ca name=\"parcoords_unmark\" href=\"#parcoords_unmark\"\u003e#\u003c/a\u003e parcoords.\u003cb\u003eunmark\u003c/b\u003e()\nclears all permanently highlighted data that is added by \u003ca href=\"#parcoords_marking\"\u003emark([values])\u003c/a\u003e\n\n\u003ca name=\"parcoords_brush_arg\" href=\"parcoords_brush_arg\"\u003e#\u003c/a\u003e parccords.\u003cb\u003eon\u003c/b\u003e(function(brushed, args){})\nadds brush arguments to `brushstart`, `brush`, and `brushend` events.\n\n```\nparcoords.on('brushstart', function(brushed, args){\n    const {\n        selection: {\n            raw, //raw coordinate\n            scaled //y-scale transformed\n        },\n        node, // svg node\n        axis // dimension name\n    } = args;\n})\n```\nPlease refer to [brushing with arguments demo](https://github.com/BigFatDog/parcoords-es/blob/develop/demo/brush-with-arguments.html \"Source\") for details\n\n## Usage\n\n### ES6\n1. Install library in your project\n```\nnpm install parcoord-es --save\n```\n\n2. import module\n\n```\nimport 'parcoord-es/dist/parcoords.css';\nimport ParCoords from 'parcoord-es';\n\nconst chart = ParCoords()....\n```\n### Standalone\n\nparcoords.standalone.js contains all dependencies and can be used directly in your html page. Please note that only essential D3 V5 modules are bundled, your global namespace won't be polluted.\n```\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"./parcoords.css\"\u003e\n\u003cscript src=\"./parcoords.standalone.js\"\u003e\u003c/script\u003e\n\nvar parcoords = ParCoords()(\"#example\")\n```\n\nYou are free to use either D3 V3 or D3 V5 in your html. demo/superformula.html demonstrates how to use parcoords-es with d3 V3.\n\n## Development\n\nFollow this instruction to setup development environment for parcoords-es\n### Prerequisites\n\nnpm\n\n\n### Installing\n\n\n```\nnpm install\n```\n\n### Building\n\n```\nnpm run build\n```\n### Development\nInternal server will be launched, hosting all demos at localhost:3004\n\n```\nnpm run dev\n```\n\n### Testing (Coverage)\nrun all unit tests and generate test coverage report.\n\n```\nnpm run test:cover\n```\n\n## Built With\n\n* [D3 V5](https://d3js.org/) - D3 modules are used\n* [Rollup](https://github.com/rollup/rollup) - Module bundler\n\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details\n\n## Contributors\nThis project gets supports from open-source community. Many thanks to our [contributors](https://github.com/BigFatDog/parcoords-es/graphs/contributors)\n\n## Contribution Notes\nRun `npm run pretty` before committing.\n\n## Acknowledgments\nThis project is based on [Parallel Coordinates](https://github.com/syntagmatic/parallel-coordinates) v0.7.0. Many thanks to [parcoords contributors](https://github.com/syntagmatic/parallel-coordinates/graphs/contributors) for such a complicated and useful D3 visualization.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigfatdog%2Fparcoords-es","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigfatdog%2Fparcoords-es","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigfatdog%2Fparcoords-es/lists"}