{"id":13508070,"url":"https://github.com/jlord/sheetsee-charts","last_synced_at":"2026-03-03T20:07:51.178Z","repository":{"id":11298473,"uuid":"13712934","full_name":"jlord/sheetsee-charts","owner":"jlord","description":"Add charting making functionality to sheetsee.js","archived":false,"fork":false,"pushed_at":"2017-02-03T01:37:29.000Z","size":7,"stargazers_count":7,"open_issues_count":9,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-09-27T13:48:49.937Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jlord.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-10-20T03:21:22.000Z","updated_at":"2020-03-26T02:17:15.000Z","dependencies_parsed_at":"2022-07-21T16:02:30.436Z","dependency_job_id":null,"html_url":"https://github.com/jlord/sheetsee-charts","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jlord/sheetsee-charts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlord%2Fsheetsee-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlord%2Fsheetsee-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlord%2Fsheetsee-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlord%2Fsheetsee-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jlord","download_url":"https://codeload.github.com/jlord/sheetsee-charts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlord%2Fsheetsee-charts/sbom","scorecard":{"id":523601,"data":{"date":"2025-08-11","repo":{"name":"github.com/jlord/sheetsee-charts","commit":"549199da2caf7718e7c213f7f6cda36143493a6b"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"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":"Code-Review","score":0,"reason":"Found 0/7 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":"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":"Maintained","score":0,"reason":"0 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":"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":"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":"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":"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":"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":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"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"}}]},"last_synced_at":"2025-08-20T03:43:30.528Z","repository_id":11298473,"created_at":"2025-08-20T03:43:30.528Z","updated_at":"2025-08-20T03:43:30.528Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30057871,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-03T18:21:05.932Z","status":"ssl_error","status_checked_at":"2026-03-03T18:20:59.341Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2024-08-01T02:00:47.441Z","updated_at":"2026-03-03T20:07:51.150Z","avatar_url":"https://github.com/jlord.png","language":"JavaScript","funding_links":[],"categories":["modules for working with excel/google spreadsheets:"],"sub_categories":[],"readme":":rotating_light: **This library will not be supported in future versions of Sheetsee.js**. Here's [more info](https://github.com/jlord/sheetsee-charts/issues/2).\n\n---\n\n# Sheetsee-charts\n\nsee: [jlord.github.io/sheetsee.js](jlord.github.io/sheetsee.js)\n\nSheetsee.js provides three [D3.js](http://d3js.org/) chart options to use with your spreadsheet data: a bar chart, line graph and pie chart. You can also use a custom D3 chart with Sheetsee, read about that [here](custom-charts.md).\n\n## Make a Chart\n\nEach chart requires your data be an _array of objects_, with objects containing `label` and `units` key/value pairs.\n\nExperiment with the charts to find the correct size your `\u003cdiv\u003e` will need to be to hold the chart with your data in it nicely.\n\nYou can also make your own D3 chart in a separate .js file, link to that in your HTML head and pass your data on to it after Tabletop.js returns. Information [here](custom-charts.md) on using your own chart.\n\n### Bar Chart\n\nTo create a bar chart you'll need to add a placeholder `\u003cdiv\u003e` in your HTML with an id.\n\n```HTML\n\u003cdiv id=\"barChart\"\u003e\u003c/div\u003e\n```\n\nIn your CSS, give it dimensions.\n\n```CSS\n#barChart {height: 400px; max-width: 600px; background: #F8CDCD;}\n```\n\nYou'll also have these CSS elements to style however you'd like:\n\n```CSS\n.labels text {text-align: right;}\n.bar .labels text {fill: #333;}\n.bar rect {fill: #e6e6e6;}\n.axis {shape-rendering: crispEdges;}\n.x.axis line {stroke: #fff; fill: none;}\n.x.axis path {fill: none;}\n.x.axis text {fill: #333;}\n.xLabel {font-family: sans-serif; font-size: 9px;}\n```\n\nIn a `\u003cscript\u003e` tag set up your options.\n\n```JAVASCRIPT\nvar barOptions = {labels: \"name\", units: \"cuddleability\", m: [60, 60, 30, 150], w: 600, h: 400, div: \"#barChart\", xaxis: \"no. of pennies\", hiColor: \"#FF317D\"}\n```\n\n- **labels** is a string, usually a column header, it's what you call what you're charting\n- **units** is a string, usually a column header, it's the value you're charting\n- **m** is margins: top, right, bottom, left\n- **w** and **h** are width and height, this should match your CSS specs\n- **div** is the id for the `\u003cdiv\u003e` in your HTML\n- **xaxis** is optional text label for your x axis\n- **hiColor** is the highlight color of your choosing!\n\nThen call the `d3BarChart()` function with your **data** and **options**.\n\n```javascript\nSheetsee.d3BarChart(data, barOptions)\n```\n\n### Line Chart\n\nTo create a line chart you'll need to add a placeholder `\u003cdiv\u003e` in your html with an id.\n\n```HTML\n\u003cdiv id=\"lineChart\"\u003e\u003c/div\u003e\n```\n\nIn your CSS, give it dimensions.\n\n```CSS\n#lineChart {height: 400px; max-width: 600px; background: #F8CDCD;}\n```\n\nAnd these chart elements to style:\n\n```CSS\n.axis {shape-rendering: crispEdges;}\n.x.axis .minor, .y.axis .minor {stroke-opacity: .5;}\n.x.axis {stroke-opacity: 1;}\n.y.axis line, .y.axis path {fill: none; stroke: #acacac; stroke-width: 1;}\n.bigg {-webkit-transition: all .2s ease-in-out; -webkit-transform: scale(2);}\npath.chartLine {stroke: #333; stroke-width: 3; fill: none;}\ndiv.tooltip {position: absolute; text-align: left; padding: 4px 8px; width: auto; font-size: 10px; height: auto; background: #fff; border: 0px; pointer-events: none;}\ncircle {fill: #e6e6e6;}\n```\n\nIn a `\u003cscript\u003e` tag set up your options.\n\n```javascript\nvar lineOptions = {labels: \"name\", units: \"cuddleability\", m: [80, 100, 120, 100], w: 600, h: 400, div: \"#lineChart\", yaxis: \"no. of pennies\", hiColor: \"#14ECC8\"}\n```\n\n- **labels** is a string, usually a column header, it's what you call what you're charting\n- **units** is a string, usually a column header, it's the value you're charting\n- **m** is your margins: top, right, bottom, left\n- **w** and **h** are width and height, this should match your CSS specs\n- **div** is the id for the `\u003cdiv\u003e` in your HTML\n- **yaxis** is optional text label for your y axis\n- **hiColor** is the highlight color of your choosing!\n\nThen call the `d3LineChart()` function with your **data** and **options**.\n\n```JAVASCRIPT\nSheetsee.d3LineChart(data, lineOptions)\n```\n\n### Pie Chart\n\nTo create a bar chart you'll need to add a placeholder `\u003cdiv\u003e` in your html with an id.\n\n```HTML\n\u003cdiv id=\"pieChart\"\u003e\u003c/div\u003e\n```\nIn your CSS, give it dimensions.\n\n```CSS\n#pieChart {height: 400px; max-width: 600px; background: #F8CDCD;}\n```\n\nStyle chart elements:\n\n```CSS\n.arc path { stroke: #fff;}\n```\n\nIn a `\u003cscript\u003e` tag set up your options.\n\n```JAVASCRIPT\nvar pieOptions = {labels: \"name\", units: \"units\", m: [80, 80, 80, 80], w: 600, h: 400, div: \"#pieChart\", hiColor: \"#14ECC8\"}\n```\n\n- **labels** is a string, usually a column header, it's what you call what you're charting\n- **units** is a string, usually a column header, it's the value you're charting\n- **m** is your margins: top, right, bottom, left\n- **w** and **h** are width and height, this should match your CSS specs\n- **div** is the id for the `\u003cdiv\u003e` in your HTML\n- **hiColor** is the highlight color of your choosing!\n\nThen call the `d3PieChart()` function with your **data** and **options**.\n\n```JAVASCRIPT\nSheetsee.d3PieChart(data, pieOptions)\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlord%2Fsheetsee-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjlord%2Fsheetsee-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlord%2Fsheetsee-charts/lists"}