{"id":13481564,"url":"https://github.com/susielu/d3-annotation","last_synced_at":"2025-05-15T16:02:32.022Z","repository":{"id":12188459,"uuid":"71191452","full_name":"susielu/d3-annotation","owner":"susielu","description":"Use d3-annotation with built-in annotation types, or extend it to make custom annotations. It is made for d3-v4 in SVG.","archived":false,"fork":false,"pushed_at":"2022-12-03T03:25:24.000Z","size":6581,"stargazers_count":752,"open_issues_count":39,"forks_count":69,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-24T21:03:08.718Z","etag":null,"topics":["annotations","d3","d3-annotation","d3-module"],"latest_commit_sha":null,"homepage":"http://d3-annotation.susielu.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/susielu.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":"2016-10-18T00:01:21.000Z","updated_at":"2025-03-10T19:33:34.000Z","dependencies_parsed_at":"2023-01-14T07:45:48.246Z","dependency_job_id":null,"html_url":"https://github.com/susielu/d3-annotation","commit_stats":null,"previous_names":[],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/susielu%2Fd3-annotation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/susielu%2Fd3-annotation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/susielu%2Fd3-annotation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/susielu%2Fd3-annotation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/susielu","download_url":"https://codeload.github.com/susielu/d3-annotation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247721898,"owners_count":20985084,"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":["annotations","d3","d3-annotation","d3-module"],"created_at":"2024-07-31T17:00:52.849Z","updated_at":"2025-04-07T20:12:12.179Z","avatar_url":"https://github.com/susielu.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Utils"],"sub_categories":[],"readme":"# d3-annotation\n\nFull documentation: [http://d3-annotation.susielu.com](http://d3-annotation.susielu.com)\n\n## Setup \n### Include the file directly\n\nYou must include the [d3 library](http://d3js.org/) before including the annotation file. Then you can add the compiled js file to your website\n\n- [Unminified](https://github.com/susielu/d3-annotation/blob/master/d3-annotation.js)\n- [Minified](https://github.com/susielu/d3-annotation/blob/master/d3-annotation.min.js)\n\n### Using CDN\n\nYou can add the latest version of [d3-annotation hosted on cdnjs](https://cdnjs.com/libraries/d3-annotation).\n\n### Using NPM\n\nYou can add d3-annotation as a node module by running\n\n```bash\nnpm i d3-svg-annotation -S\n```\n\n## Feedback\nI would love to hear from you about any additional features that would be useful, please say hi on twitter [@DataToViz](https://www.twitter.com/DataToViz).\n\n## Prior art\n\n- [Andrew Mollica](https://bl.ocks.org/armollica/67f3cf7bf08a02d95d48dc9f0c91f26c), [d3-ring-note](https://github.com/armollica/d3-ring-note) D3 plugin for placing circle and text annotation, and [HTML Annotation](http://bl.ocks.org/armollica/78894d0b3cbd46d8d8d19d135c6ca34d)\n\n- [Scatterplot with d3-annotate](https://bl.ocks.org/cmpolis/f9805a98b8a455aaccb56e5ee59964f8), by Chris Polis, example using [d3-annotate](https://github.com/cmpolis/d3-annotate)\n\n- [Rickshaw](http://code.shutterstock.com/rickshaw/) has an annotation tool\n\n- [Benn Stancil](https://modeanalytics.com/benn/reports/21ebfb6b6138) has an annotation example for a line chart\n\n- [Adam Pearce](http://blockbuilder.org/1wheel/68073eeba4d19c454a8c25fcd6e9e68a) has arc-arrows and [swoopy drag](http://1wheel.github.io/swoopy-drag/)\n\n- [Micah Stubbs](http://bl.ocks.org/micahstubbs/fa129089b7989975e96b166077f74de4#annotations.json) has a nice VR chart based on swoopy drag \n\n- [Scott Logic](http://blog.scottlogic.com/2014/08/26/two-line-components-for-d3-charts.html) evokes “line annotation” in a graph (different concept).\n\n- [Seven Features You’ll Want In Your Next Charting Tool](http://vis4.net/blog/posts/seven-features-youll-wantin-your-next-charting-tool/) shows how the NYT does annotations\n\n- [John Burn-Murdoch](https://bl.ocks.org/johnburnmurdoch/bcdb4e85c7523a2b0e64961f0d227154) example with adding/removing and repositioning annotations\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsusielu%2Fd3-annotation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsusielu%2Fd3-annotation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsusielu%2Fd3-annotation/lists"}