{"id":13464983,"url":"https://github.com/TargetProcess/tauCharts","last_synced_at":"2025-03-25T13:32:55.303Z","repository":{"id":13308458,"uuid":"15994863","full_name":"TargetProcess/tauCharts","owner":"TargetProcess","description":"D3 based data-focused charting library. Designed with passion. Flexible.","archived":false,"fork":false,"pushed_at":"2023-10-04T14:07:25.000Z","size":23987,"stargazers_count":1913,"open_issues_count":100,"forks_count":118,"subscribers_count":85,"default_branch":"master","last_synced_at":"2024-10-20T09:15:01.573Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.taucharts.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TargetProcess.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2014-01-17T09:03:30.000Z","updated_at":"2024-10-13T21:02:01.000Z","dependencies_parsed_at":"2023-02-14T22:31:39.213Z","dependency_job_id":"a781604d-b78e-4a07-874f-8135bbb6985d","html_url":"https://github.com/TargetProcess/tauCharts","commit_stats":{"total_commits":2128,"total_committers":33,"mean_commits":64.48484848484848,"dds":0.7020676691729324,"last_synced_commit":"e7f18efba0d2a6f6766fd3709e3b9c9b1cd1251c"},"previous_names":[],"tags_count":174,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TargetProcess%2FtauCharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TargetProcess%2FtauCharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TargetProcess%2FtauCharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TargetProcess%2FtauCharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TargetProcess","download_url":"https://codeload.github.com/TargetProcess/tauCharts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222061679,"owners_count":16924696,"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":[],"created_at":"2024-07-31T14:00:54.010Z","updated_at":"2024-10-29T16:30:27.702Z","avatar_url":"https://github.com/TargetProcess.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Charts","Visualization"],"sub_categories":["D3 based libraries"],"readme":"Taucharts [![Build Status](https://travis-ci.org/TargetProcess/tauCharts.svg?branch=master)](https://travis-ci.org/TargetProcess/tauCharts) [![Coverage Status](https://img.shields.io/coveralls/TargetProcess/tauCharts.svg)](https://coveralls.io/r/TargetProcess/tauCharts) [![Code Climate](https://codeclimate.com/github/TargetProcess/tauCharts/badges/gpa.svg)](https://codeclimate.com/github/TargetProcess/tauCharts)\n[![Slack Status](https://slack.taucharts.com/badge.svg)](https://slack.taucharts.com/)\n======\n\nTaucharts is a [data-focused JavaScript charting library](https://blog.taucharts.com/taucharts-data-focused-charting-library/) based on D3 and designed with passion.\n\n##### Official website: [www.taucharts.com](https://www.taucharts.com)\n##### Documentation: [api.taucharts.com](https://api.taucharts.com)\n##### Project blog: [blog.taucharts.com](https://blog.taucharts.com)\n\n## Why use Taucharts?\n#### Simplicity\nData plays a key role in Taucharts. The library provides a declarative interface for fast mapping of data fields to visual properties.\n#### Flexibility\nThe library's architecture allows you to build [facets](https://api.taucharts.com/basic/facet.html) and extend chart behaviour with reusable plugins.\n#### Design\nThe Taucharts team is passionate about beautiful design.\n#### ...\nDive into the high-level [Taucharts concepts](https://blog.taucharts.com/taucharts-data-focused-charting-library/) and [usage reviews](#taucharts-examples--usage-reviews).\nIf you want to contribute - see [how to run the project locally](#how-to-run-the-project-locally)\n\n## How to use Taucharts\n\n#### Using Taucharts with a CDN\n\nLoad JavaScript dependencies\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/d3js/latest/d3.min.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n```\n\nInclude a CSS file, as well\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.css\"\u003e\n```\n\nNOTE: taucharts@2 is compatible with D3 v4 and v5. Use taucharts@1 if you work with obsolete D3 versions.\n\n#### Downloading Taucharts using Bower\n\n```bash\nbower install taucharts\n```\n\n#### Downloading Taucharts using npm\n\n```bash\nnpm install taucharts\n```\n\n___\n\nBelow are some popular usage scenarios. For more examples, see our experimental [sample page](https://demo.taucharts.com/).\n\n#### Scatter plot\n```javascript\nvar chart = new Taucharts.Chart({\n    type   : 'scatterplot',\n    x      : 'Cycle Time',\n    y      : 'SUM(Bugs Count)',\n    color  : 'Team',\n    size   : 'Sum(User Stories Count)',\n    data   : [{'Cycle Time': 186, 'SUM(Bugs Count)': 34, 'Team': 'HDP'...}, ...],\n    plugins: [\n        Taucharts.api.plugins.get('legend')(),\n        Taucharts.api.plugins.get('tooltip')()\n    ]\n});\n```\n[![Scatterplot](examples/screenshots/Taucharts_Scatterplot.png)](https://api.taucharts.com/basic/scatterplot.html)\n\nSee [scatter plot documentation](https://api.taucharts.com/basic/scatterplot.html)\n\n___\n\n#### Line chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'line',\n    y    : 'Y Scale',\n    x    : 'X Scale',\n    color: 'Team',\n    size : 'Effort',\n    label: 'Effort',\n    data : [{'Team': 'Alpha', 'Effort': 40, 'Y Scale': 23, 'X Scale': 72 }, ...]\n});\n```\n[![Line Chart](examples/screenshots/Taucharts_Line.png)](https://api.taucharts.com/basic/line.html)\n\nSee [line chart documentation](https://api.taucharts.com/basic/line.html)\n\n___\n\n#### Bar chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'bar',\n    x    : 'team',\n    y    : 'effort',\n    color: 'priority',\n    data : [{'team': 'd', 'effort': 1, 'count': 1, 'priority': 'low'}, ...]\n});\n```\n[![Bar Chart](examples/screenshots/Taucharts_Bar.png)](https://api.taucharts.com/basic/bar.html)\n\nSee [bar chart documentation](https://api.taucharts.com/basic/bar.html)\n\n___\n\n#### Horizontal bar chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'horizontal-bar',\n    x    : 'count',\n    y    : 'team',\n    color: 'priority',\n    data : [{'team': 'alpha', 'effort': 8, 'priority': 'major'}, ...]\n});\n```\n[![Horizontal Bar Chart](examples/screenshots/Taucharts_Horizontal-bar.png)](https://api.taucharts.com/basic/horizontal-bar.html)\n\nSee [horizontal bar chart documentation](https://api.taucharts.com/basic/horizontal-bar.html)\n\n___\n\n#### Stacked bar chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'stacked-bar',\n    x    : 'age',\n    y    : ['count', 'sport'],\n    color: 'country',\n    data : [{country: 'Canada', sport: 'Biathlon', medals: 20, age: 22}, ...]\n});\n```\n[![Stacked Bar Chart](examples/screenshots/Taucharts_Stacked-bar.png)](https://api.taucharts.com/basic/stacked-bar.html)\n\nSee [stacked bar chart documentation](https://api.taucharts.com/basic/stacked-bar.html)\n\n___\n\n#### Horizontal stacked bar chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'horizontal-stacked-bar',\n    y    : 'process',\n    x    : 'count',\n    color: 'stage',\n    data : [{process: 'sales', stage: 'visit', count: 100}, ...]\n});\n```\n[![Horizontal Stacked Bar Chart](examples/screenshots/Taucharts_Horizontal-stacked-bar.png)](https://api.taucharts.com/basic/horizontal-stacked-bar.html)\n\nSee [horizontal stacked bar chart documentation](https://api.taucharts.com/basic/horizontal-stacked-bar.html)\n\n___\n\n#### Stacked area chart\n```javascript\nvar chart = new Taucharts.Chart({\n    type : 'stacked-area',\n    y    : 'effort',\n    x    : 'date',\n    color: 'team',\n    guide: {\n        interpolate: 'smooth'\n    },\n    data : [{date: '2015-07-15', effort: 400, team: 'Alpha'}, ...]\n});\n```\n[![Horizontal Stacked Bar Chart](examples/screenshots/Taucharts_Stacked-area.png)](https://api.taucharts.com/basic/stacked-area.html)\n\nSee [stacked area chart documentation](https://api.taucharts.com/basic/stacked-area.html)\n\n___\n\n#### Facet chart\n```javascript\nvar chart1 = new Taucharts.Chart({\n  type : 'scatterplot',\n  x    : ['milespergallon'],\n  y    : ['class', 'price'],\n  color: 'class',\n  data : [{class: \"C\", milespergallon: 41.26, price: 24509.74, vehicle: \"Prius1\"}, ...]\n});\n```\n[![Facet scatterplot chart](examples/screenshots/Taucharts_Facet.png)](https://api.taucharts.com/basic/facet.html)\n\nSee [facet charts documentation](https://api.taucharts.com/basic/facet.html)\n\n___\n\n#### Data Streaming\n```javascript\nvar chart1 = new Taucharts.Chart({\n    type : 'line',\n    x    : 'x',\n    y    : 'y',\n    color: 'type',\n    ...\n});\n```\n[![Streaming Data Chart](examples/screenshots/Taucharts_Stream.gif)](//jsfiddle.net/taucharts/qdn76nab/)\n\nThis sample uses the [setData(..)] method to refresh the chart's data source.\n\nSee [streaming sample online](//jsfiddle.net/taucharts/qdn76nab/)\n\n___\n\n#### Complex Composable charts\n[![Composable Chart](examples/screenshots/Taucharts_Composable.png)](https://jsfiddle.net/6LzefLo4/4/)\n\nSee [composable chart sample online](https://jsfiddle.net/6LzefLo4/4/)\n\n___\n\n## Migrating from Taucharts v1 to v2\n\n- D3 v4 is now dependency.\n- `Taucharts` global object name (was `tauCharts`).\n- `.tau-chart__` CSS class prefix (was`.graphical-report__`).\n- `export-to` plugin alias changed (was `exportTo`).\n- Distributive files paths changed. `dist/taucharts.min.js` and `dist/taucharts.min.css` contain the core and all the plugins minified together. `dist/taucharts.js` and `dist/taucharts.css` contain unfinified core, JS and CSS for plugins can be found in `dist/plugins/` folder (e.g. to import a plugin you should do something like `import tooltip from 'taucharts/dist/plugins/tooltip';`).\n\n___\n\n## How to run the project locally\n\nClone (forked) repository:\n```\ngit clone https://github.com/TargetProcess/taucharts.git\n```\n\nInitialize dependencies:\n```\nnpm install\n```\n\nRun local webpack dev server (with hot reload):\n```\nnpm start\n```\n\nLocal server will be started on port 9000 and live taucharts assembly will be exposed by url:\n```\nhttp://localhost:9000/dist/taucharts.js\n```\n\nNow you can see some taucharts examples:\n```\nhttp://localhost:9000/examples/\n```\n\nTo run tests (with hot reload):\n```\nnpm run devtest\n```\n\nTo build a static assembly:\n```\nnpm run build\n```\nThis command creates development and production assemblies in a *[./dist]* folder.\n\nSee the [Developer Guide](DEVELOPER-GUIDE.md) for more info.\n\n## Taucharts examples / usage reviews\n\n[R Wrapper](https://www.buildingwidgets.com/blog/2015/8/5/week-31-taucharts)\n\n[SqlPad Project](https://rickbergfalk.github.io/sqlpad/)\n\n[Targetprocess Graphical Reports](https://www.targetprocess.com/blog/2015/09/prototype-for-new-custom-graphical-reports-editor/)\n\n[Vizydrop project](https://vizydrop.com/)\n\n[Taucharts Twitter channel](https://twitter.com/search?q=taucharts)\n\n[Taucharts demo page](https://demo.taucharts.com/)\n\n[GeoTremor mobile app](https://geotremor.tangentapps.com)\n\n[Dex](https://dexvis.net/)\n\n[Dex integration video](https://youtu.be/mxD4aQmC4sg)\n\n## License\n\nLicensing: [Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0)\n\nHave questions? [Contact us](mailto:michael@targetprocess.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTargetProcess%2FtauCharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTargetProcess%2FtauCharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTargetProcess%2FtauCharts/lists"}