{"id":13561660,"url":"https://github.com/gampleman/elm-visualization","last_synced_at":"2025-10-03T19:01:48.480Z","repository":{"id":40687589,"uuid":"66863588","full_name":"gampleman/elm-visualization","owner":"gampleman","description":"A data visualization library for Elm","archived":false,"fork":false,"pushed_at":"2025-04-04T05:25:32.000Z","size":24711,"stargazers_count":520,"open_issues_count":12,"forks_count":48,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-04-21T08:58:26.665Z","etag":null,"topics":["data-visualization","elm"],"latest_commit_sha":null,"homepage":"http://package.elm-lang.org/packages/gampleman/elm-visualization/latest/","language":"Elm","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/gampleman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null},"funding":{"github":["gampleman"]}},"created_at":"2016-08-29T17:09:15.000Z","updated_at":"2025-04-17T19:02:58.000Z","dependencies_parsed_at":"2024-04-11T10:25:29.862Z","dependency_job_id":"f2897bf9-d926-42f0-a440-7e7ca1c680a6","html_url":"https://github.com/gampleman/elm-visualization","commit_stats":{"total_commits":162,"total_committers":18,"mean_commits":9.0,"dds":0.4814814814814815,"last_synced_commit":"3c978e35b9656970e4fe0996637cd7283839f3ca"},"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gampleman%2Felm-visualization","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gampleman%2Felm-visualization/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gampleman%2Felm-visualization/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gampleman%2Felm-visualization/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gampleman","download_url":"https://codeload.github.com/gampleman/elm-visualization/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254276446,"owners_count":22043866,"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":["data-visualization","elm"],"created_at":"2024-08-01T13:00:59.672Z","updated_at":"2025-10-03T19:01:48.472Z","avatar_url":"https://github.com/gampleman.png","language":"Elm","readme":"# ![Elm-visualization](https://code.gampleman.eu/elm-visualization/misc/Logo-600.png)\n\n[Tutorial](https://github.com/gampleman/elm-visualization/blob/master/docs/INTRO.md) | [Docs](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/) | [Examples](https://elm-visualization.netlify.app/) | [GitHub](https://github.com/gampleman/elm-visualization) | [Changelog](https://github.com/gampleman/elm-visualization/releases) | `#visualization` on [Elm slack](https://elmlang.herokuapp.com)\n\nThis project is designed to give you all the tools needed to build data visualizations.\nIt is not a charting library in the sense that you have pre-bundled Excel-style\ncharts, but it should contain all the tools to make building such charts relatively\neasy. The advantage is that you are free to design and build data visualizations\nthat uniquely suit your needs.\n\n## Learn by [example](https://elm-visualization.netlify.app/)\n\n[![Examples](https://code.gampleman.eu/elm-visualization/misc/examples-600.png)](https://elm-visualization.netlify.app/)\n\nor [read the introduction](https://github.com/gampleman/elm-visualization/blob/master/docs/INTRO.md).\n\n## Getting started\n\nYou will need to have [elm](https://elm-lang.org) installed. Then run:\n\n```sh\nelm init\nelm install gampleman/elm-visualization\n```\n\nHowever, there are other packages that you will likely need to produce a visualization. Which depends somewhat on what you want to achieve, here are some common ones:\n\n- [avh4/elm-color](https://package.elm-lang.org/packages/avh4/elm-color/latest) for the `Color` type\n- [elm-community/typed-svg](https://package.elm-lang.org/packages/elm-community/typed-svg/latest) for rendering\n- [folkertdev/one-true-path-experiment](https://package.elm-lang.org/packages/folkertdev/one-true-path-experiment/latest) for the `Path` type\n- [gampleman/elm-rosetree](https://package.elm-lang.org/packages/gampleman/elm-rosetree/latest) for the `Tree` type\n\nYou can use [this Ellie](https://ellie-app.com/p6X5hXxcdRCa1) to run the examples, since it has all the dependencies already installed into it.\n\n## What's included?\n\n### [Scales](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Scale/)\n\nMost of the time you have data that has properties that you want to display on the\nscreen, however these properties typically aren't in pixels. Scales solve this\nfundamental problem by giving you convenient ways to transform raw data into positions,\nsizes, colors, labels and other ways to display data.\n\n### [Axis](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Axis/)\n\nA component that allows you to visualize a Scale. Those little ticks that describe\nthe dimensions of a plot.\n\n### [Shapes](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Shape/)\n\nThis module gives you ways to draw some fundamental shapes used in data visualization, including lines (as in line or area charts),\nas well as arcs (as in pie charts).\n\n### [Force Layout](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Force/)\n\nUse a simulation of physical forces to do layout. Suitable for i.e. network graphs.\n\n### [Hierarchy](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Hierarchy/)\n\nLayout algorithms for dealing with trees.\n\n### [Interpolation](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Interpolation/)\n\nSmoothly transition between pairs of values. Useful for animation, or generating gradients of values.\n\n### [Transition](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Transition/)\n\nBuild complex animations using Interpolation.\n\n### [Histogram](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Histogram/)\n\nCompute histograms of data.\n\n### [Brush](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Brush/)\n\nInteractively select subregions of a dataset.\n\n### [Zoom](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Zoom/)\n\nBuild pan and zoom user interactions.\n\n### [Statistics](https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.2/Statistics/)\n\nProcess data to extract useful insights for visualizations.\n\n## Acknowledgements\n\nHeavily inspired by parts of the [D3](https://github.com/d3/d3) library\nby [Mike Bostock](https://bost.ocks.org/mike/). However since Elm provides a\ngreat DOM abstraction already, selections are not part of this library.\n\n## Contributing\n\nThis library is still under active development, so please submit feature requests\niff you are also willing to implement them. Bug reports are welcome.\n","funding_links":["https://github.com/sponsors/gampleman"],"categories":["Elm"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgampleman%2Felm-visualization","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgampleman%2Felm-visualization","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgampleman%2Felm-visualization/lists"}