{"id":16194208,"url":"https://github.com/ndabap/plotly-js-material-design-theme","last_synced_at":"2025-09-04T18:22:38.446Z","repository":{"id":57325987,"uuid":"127925646","full_name":"ndabAP/plotly-js-material-design-theme","owner":"ndabAP","description":"NOT MAINTAINED Plotly.js charts with Material Design theme","archived":false,"fork":false,"pushed_at":"2020-07-30T11:56:17.000Z","size":15244,"stargazers_count":14,"open_issues_count":17,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-08T14:32:19.651Z","etag":null,"topics":["chart","d3","javascript","material-design","plotly"],"latest_commit_sha":null,"homepage":"https://ndabap.github.io/plotly-js-material-design-theme/","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/ndabAP.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-03T15:01:20.000Z","updated_at":"2023-04-12T10:11:39.000Z","dependencies_parsed_at":"2022-09-01T02:10:44.118Z","dependency_job_id":null,"html_url":"https://github.com/ndabAP/plotly-js-material-design-theme","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/ndabAP%2Fplotly-js-material-design-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fplotly-js-material-design-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fplotly-js-material-design-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndabAP%2Fplotly-js-material-design-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ndabAP","download_url":"https://codeload.github.com/ndabAP/plotly-js-material-design-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243968571,"owners_count":20376417,"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":["chart","d3","javascript","material-design","plotly"],"created_at":"2024-10-10T08:18:28.613Z","updated_at":"2025-03-19T04:30:44.632Z","avatar_url":"https://github.com/ndabAP.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NOT MAINTAINED plotly-js-material-design-theme\n\n\u003e Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 \nchart types, including 3D charts, statistical graphs, and SVG maps. \n\nThis library introduces the Material Design guidelines to Plotly.js. See the current \n[demo](https://ndabap.github.io/plotly-js-material-design-theme/).\n\n## Features\n\n- Material Design charts\n- easily extendable\n- effortlessly trimmable\n\n## Installation\n\n```bash\n$ npm install plotly-js-material-design-theme \n```\n\n## Usage\n\nImport the chart type you need plus the general layout, call the function and pass in your chart configuration. Your \nconfiguration will be recursively merged with the one creating Material Design, whereby your configuration has \nprecedence.\n\n```js\nimport { layout, scatter } from 'plotly-js-material-design-theme'\n```\n\nNow setup your chart as usual but make sure you merge it with the imported one.\n\n```js\nconst scatterLines = scatter({\n  x: [1, 2, 3, 4],\n  y: [10, 15, 13, 17],\n  type: 'scatter',\n  mode: 'lines'\n})\n\nPlotly.newPlot('scatter-lines', [scatterLines], layout({ title: 'Chart' }))\n```\n\n## Charts\n\nPlotly.js supports a variety of chart types. However, chart types can be classified by additional subproperties, e. g. \n`mode` or `fillcolor`. There is a configuration for every mode. The following table lists currently supported charts by \nthis library.\n\n| Type                  | Mode        |\n|-----------------------|-------------|\n| `bar`                 |             |\n| `box`                 |             |\n| `candlestick`         |             |\n| `carpet`              |             |\n| `choropleth`          |             |\n| `cone`                |             |\n| `contour`             |             |\n| `heatmap`             |             |\n| `histogram`           |             |\n| `histogram2d`         |             |\n| `histogram2dcontour`  |             |\n| `ohlc`                |             |\n| `paarcords`           |             |\n| `pie`                 |             |\n| `sankey`              |             |\n| `scatter`             | `lines`     |\n|                       | `markers`   |\n| `scatterpolar`        | `lines`     |\n| `scatterternary`      | `lines`     |\n|                       | `markers`   |\n|                       | `markers`   |\n| `scatter3d`           | `lines`     |\n|                       | `markers`   |   \n| `violin`              |             |\n\n## Author\n\n[Julian Claus](https://www.julian-claus.de) and contributors.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndabap%2Fplotly-js-material-design-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fndabap%2Fplotly-js-material-design-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndabap%2Fplotly-js-material-design-theme/lists"}