{"id":17066678,"url":"https://github.com/curran/d3-in-motion","last_synced_at":"2026-02-05T10:32:19.905Z","repository":{"id":66869825,"uuid":"69092094","full_name":"curran/d3-in-motion","owner":"curran","description":"Code examples and references for the course \"D3.js in Motion\"","archived":false,"fork":false,"pushed_at":"2018-02-16T07:53:52.000Z","size":1325,"stargazers_count":40,"open_issues_count":0,"forks_count":11,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-07-07T15:00:03.006Z","etag":null,"topics":["chart","d3js","data","dataviz","html5","programming","teaching","visualization","web"],"latest_commit_sha":null,"homepage":"https://www.manning.com/livevideo/d3-js-in-motion","language":"HTML","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/curran.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":"2016-09-24T09:09:00.000Z","updated_at":"2025-05-16T10:14:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"5883ee47-5950-4af2-927b-c0ce8ed32d8b","html_url":"https://github.com/curran/d3-in-motion","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/curran/d3-in-motion","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/curran%2Fd3-in-motion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/curran%2Fd3-in-motion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/curran%2Fd3-in-motion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/curran%2Fd3-in-motion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/curran","download_url":"https://codeload.github.com/curran/d3-in-motion/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/curran%2Fd3-in-motion/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29119232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T09:40:36.738Z","status":"ssl_error","status_checked_at":"2026-02-05T09:36:49.977Z","response_time":65,"last_error":"SSL_read: 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":["chart","d3js","data","dataviz","html5","programming","teaching","visualization","web"],"created_at":"2024-10-14T11:07:52.038Z","updated_at":"2026-02-05T10:32:19.889Z","avatar_url":"https://github.com/curran.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# D3.js in Motion\nCode examples and references for the online video course [\"D3.js in Motion\"](https://www.manning.com/livevideo/d3-js-in-motion).\n\n# Unit 1 - Scatter Plot Odyssey\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/42ecc75c88515b382bacda3a525b20b6\"\u003eLoading CSV Data\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/42ecc75c88515b382bacda3a525b20b6/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/8c7538843c9ebd1330c347d332dc7f76\"\u003eBasic Scatter Plot\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/8c7538843c9ebd1330c347d332dc7f76/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/f4ca72a38bcbb5893d37ce48ed9d4796\"\u003eMargin Convention with Scatter Plot\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/f4ca72a38bcbb5893d37ce48ed9d4796/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/2f01f668410da7b0ea657b67cd461209\"\u003eBasic Scatter Plot with Axes\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/2f01f668410da7b0ea657b67cd461209/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/cd1da26cf42aea4429cf5e0d2406134f\"\u003eCustomized Axes\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/cd1da26cf42aea4429cf5e0d2406134f/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/966ac9f212a8ceb1ea153fd1ee9f72c4\"\u003eScatter Plot Axis Labels\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/966ac9f212a8ceb1ea153fd1ee9f72c4/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/ecb09f2605c7fbbadf0eeb75da5f0a6b\"\u003eScatter Plot with Color Legend\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/ecb09f2605c7fbbadf0eeb75da5f0a6b/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n# Unit 2 - Visualization Idioms\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/76d8a075dee5420c01e35742f8598332\"\u003eScatter Plot with Ordinal Axis\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/76d8a075dee5420c01e35742f8598332/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/d867264d468b323c2e76886d44e7e8f9\"\u003eLollipop Chart\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/d867264d468b323c2e76886d44e7e8f9/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/372137cb593503f2f40a7aecc0f1cd4e\"\u003eBar Chart of Internet Users Per Country\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/372137cb593503f2f40a7aecc0f1cd4e/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/167495acd7fcca38f697b683436cf6a2\"\u003eTilted Labels\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/167495acd7fcca38f697b683436cf6a2/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/e842c1b64974666c60fc3e437f8c8cf9\"\u003eHorizontal Bar Chart\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/e842c1b64974666c60fc3e437f8c8cf9/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/3f2ff2e32652397de94d406460e240ce\"\u003eScatter Plot with Time Axis\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/3f2ff2e32652397de94d406460e240ce/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n    \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/ba21316eafc6b84b22d1a5d49ad2a798\"\u003eLine Chart with Circles\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/ba21316eafc6b84b22d1a5d49ad2a798/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/90240a6d88bdb1411467b21ea0769029\"\u003eLine Chart of Temperature\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/90240a6d88bdb1411467b21ea0769029/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/74005576875677d78d73687e46fae030\"\u003ePie Chart\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/74005576875677d78d73687e46fae030/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/fe735c750f55491c1ea80f022ba7d7cd\"\u003eDonut Chart\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/fe735c750f55491c1ea80f022ba7d7cd/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n# Unit 3 - The General Update Pattern\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/010687ccc371d1d417ce9f1f238178e1\"\u003eBasic Text in SVG\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/010687ccc371d1d417ce9f1f238178e1/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/2c4d5eccd668085b39e2c9015e916b98\"\u003eData Driven SVG Text\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/2c4d5eccd668085b39e2c9015e916b98/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/76a970616923968b4d7cf9a5ab07cb5e\"\u003eRender Function Concept\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/76a970616923968b4d7cf9a5ab07cb5e/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/8e7835801fc37eb3635a3e022df8cc0e\"\u003eGeneral Update Pattern with Text\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/8e7835801fc37eb3635a3e022df8cc0e/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/3c49f6d1ea969a2f4279dd09844baa38\"\u003eBar Chart with Text First Attempt\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/3c49f6d1ea969a2f4279dd09844baa38/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/0b5c3711cb8772088179e56106fe1844\"\u003eNested General Update Pattern\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/0b5c3711cb8772088179e56106fe1844/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/1d7e3ac809fffbb723834dabcfe1838a\"\u003eUsing Classes with the General Update Pattern\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/1d7e3ac809fffbb723834dabcfe1838a/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/266399f3c1bd8b401413ba7dd149a451\"\u003eData Driven Changes\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/266399f3c1bd8b401413ba7dd149a451/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/94de4605e4c3c91a50297669221764f1\"\u003eObject Constancy in Animated Transitions\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/94de4605e4c3c91a50297669221764f1/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca href=\"http://bl.ocks.org/curran/c1ce02fec883faa15fe2191d98985440\"\u003eVisual List Library\n      \u003cbr\u003e\u003cimg width=\"230\" height=\"120\" src=\"http://bl.ocks.org/curran/raw/c1ce02fec883faa15fe2191d98985440/thumbnail.png\"\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcurran%2Fd3-in-motion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcurran%2Fd3-in-motion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcurran%2Fd3-in-motion/lists"}