{"id":19427143,"url":"https://github.com/anergictcell/esbmeplots","last_synced_at":"2026-06-13T12:32:43.236Z","repository":{"id":151927520,"uuid":"161916940","full_name":"anergictcell/esbmeplots","owner":"anergictcell","description":"An extension of the D3.js library for fast and flexible generation of basic plot types","archived":false,"fork":false,"pushed_at":"2020-03-28T13:36:07.000Z","size":402,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T09:09:05.788Z","etag":null,"topics":["d3js","data-visualization","javascript","plotting"],"latest_commit_sha":null,"homepage":null,"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/anergictcell.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":"2018-12-15T15:16:54.000Z","updated_at":"2020-03-28T13:36:10.000Z","dependencies_parsed_at":"2023-05-16T10:45:36.094Z","dependency_job_id":null,"html_url":"https://github.com/anergictcell/esbmeplots","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anergictcell%2Fesbmeplots","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anergictcell%2Fesbmeplots/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anergictcell%2Fesbmeplots/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anergictcell%2Fesbmeplots/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anergictcell","download_url":"https://codeload.github.com/anergictcell/esbmeplots/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240605841,"owners_count":19827985,"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":["d3js","data-visualization","javascript","plotting"],"created_at":"2024-11-10T14:10:36.073Z","updated_at":"2026-06-13T12:32:36.605Z","avatar_url":"https://github.com/anergictcell.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Esbme Plots\n\nAn extension of the **D3.js** (v4) library for fast and flexible generation of basic plot types\n- Barplots\n- Scatterplots\n- Piecharts\n\nThe chart generation supports argument chaining in D3.js style and allows for seamless chart generation.\n\n[Check out an interactive example of EsbmePlots](https://esbme.com/plots/).\n\nThe plots support multi data-series plots as well. Each series will be classed differently so they can be styled accordingly.\n\nScatterplot is designed to utilize \u003ccode\u003ecanvas\u003c/code\u003e functionality with large datasets to prevent DOM overload. This can also be manually defined for each plot.\n\n\n# Brief Examples\nSimply include the requires JS files in your HTML source:\n```html\n\u003c!-- You need to include d3.js version 4.0 --\u003e\n\u003cscript src=\"https://d3js.org/d3.v4.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Base EsbmePlot.js script must be included everytime --\u003e\n\u003cscript src=\"plots/EsbmePlot.js\"\u003e\u003c/script\u003e\n\n\u003c!-- You can import only the plots you actually need --\u003e\n\u003cscript src=\"plots/Barplot.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"plots/Piechart.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"plots/Scatterplot.js\"\u003e\u003c/script\u003e\n```\n\n## Barplots\n```javascript\nBarplot()\n    .parent(d3.select(\"div.plot-container\"))\n    .className(\"test-plot\")\n    .width(400)\n    .height(300)\n    .header(\"Look at this barplot\")\n    .xLabel(\"Weekday\")\n    .xLabelRotation(-45)\n    .yLabel(\"Percent happyness\")\n    .categories([\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"])\n    .data([1,2,3,4,5,6,7])\n    .draw()\n```\n\n## Scatterplot\n```javascript\nScatterplot()\n    .parent(d3.select(\"div.plot-container\"))\n    .className(\"test-plot\")\n    .width(400)\n    .height(300)\n    .header(\"Look at this scatterplot\")\n    .xLabel(\"Years experience\")\n    .yLabel(\"Number of bugs\")\n    .yDomain(\"auto\")\n    .xDomain(\"auto\")\n    .radius(5)\n    .data([[1,1],[2,2],[3,3],[4,4]])\n    .draw()\n```\n## Piechart\n```javascript\nPiechart()\n    .parent(d3.select(\"div.plot-container\"))\n    .className(\"test-plot\")\n    .width(200)\n    .height(200)\n    .header(\"Look at this Piechart\")\n    .showValues(false)\n    .data([35,57])\n    .draw()\n```\n\n## API\n[Chek out the API documentation](https://esbme.com/plots/docs/module-EsbmePlots.html) or look at the \u003ccode\u003edocs\u003c/code\u003e folder for detailed documentation of all functions and the full API.\n\n\n## Examples\n[Check out the interactive example of EsbmePlots](https://esbme.com/plots/).\n\nThe code is also present in the \u003ccode\u003eexample\u003c/code\u003e subfolder.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanergictcell%2Fesbmeplots","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanergictcell%2Fesbmeplots","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanergictcell%2Fesbmeplots/lists"}