{"_id":"dash-colorscales","_rev":"75-25832f1466a7507fb0324f9eb67bf8ce","name":"dash-colorscales","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"dash-colorscales","version":"0.0.1","license":"MIT","_id":"dash-colorscales@0.0.1","maintainers":[{"name":"jackparmer","email":"jack@plot.ly"}],"homepage":"https://github.com/plotly/dash-colorscales","bugs":{"url":"https://github.com/plotly/dash-colorscales/issues"},"dist":{"shasum":"2a78886861c592c5873c1ca92980f9a32f41ad69","tarball":"https://registry.npmjs.org/dash-colorscales/-/dash-colorscales-0.0.1.tgz","integrity":"sha512-ZbitUSIXElERFEP2wKZVfN9+VqE8op3MJrFGGFyNekndIA7AdlhtdtNx3AYPyRA/sPVQ1oxf3sb+oIHoIQMe5Q==","signatures":[{"sig":"MEUCIGon5xRY070W0dKD71rZFYOvz/gnJEM0Fx1NPeXp6/RZAiEAhJGvcpgZpoB13uEVfCAOA7FVOkWnofwlpV7hRPwE3+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"2a78886861c592c5873c1ca92980f9a32f41ad69","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_colorscales","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-colorscales -y"},"_npmUser":{"name":"jackparmer","email":"jack@plot.ly"},"repository":{"url":"git+https://github.com/plotly/dash-colorscales.git","type":"git"},"_npmVersion":"4.2.0","description":"Colorscale picker UI for your Dash apps","directories":{},"_nodeVersion":"6.10.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.5.9","dash-components-archetype":"^0.2.11"},"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"_npmOperationalInternal":{"tmp":"tmp/dash-colorscales-0.0.1.tgz_1515438552643_0.2006357575301081","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"dash-colorscales","version":"0.0.2","license":"MIT","_id":"dash-colorscales@0.0.2","maintainers":[{"name":"jackparmer","email":"jack@plot.ly"}],"homepage":"https://github.com/plotly/dash-colorscales","bugs":{"url":"https://github.com/plotly/dash-colorscales/issues"},"dist":{"shasum":"9843fdb5d63056e33e1ae121079847c3e13a753e","tarball":"https://registry.npmjs.org/dash-colorscales/-/dash-colorscales-0.0.2.tgz","integrity":"sha512-b5AGGAmjbLydy2twD/OWChRRJZ9hTF6jlcYLtCkdkT8kvde+/ySvVWMaXeKg4NVnVVHjaMMZuT6ySjuilLa8qA==","signatures":[{"sig":"MEUCIBrJZcqAMHb0yB/AgmWUQh5LzdwHEeadtd6Xo4PaQJDvAiEA82I6tSOQLt+6HM845eGGpbYl968is745PMu955Y9K3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"9843fdb5d63056e33e1ae121079847c3e13a753e","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_colorscales","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-colorscales -y"},"_npmUser":{"name":"jackparmer","email":"jack@plot.ly"},"repository":{"url":"git+https://github.com/plotly/dash-colorscales.git","type":"git"},"_npmVersion":"4.2.0","description":"Colorscale picker UI for your Dash apps","directories":{},"_nodeVersion":"6.10.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.5.9","dash-components-archetype":"^0.2.11"},"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"_npmOperationalInternal":{"tmp":"tmp/dash-colorscales-0.0.2.tgz_1515439810177_0.023886028677225113","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"dash-colorscales","version":"0.0.3","license":"MIT","_id":"dash-colorscales@0.0.3","maintainers":[{"name":"jackparmer","email":"jack@plot.ly"}],"homepage":"https://github.com/plotly/dash-colorscales","bugs":{"url":"https://github.com/plotly/dash-colorscales/issues"},"dist":{"shasum":"6269d0561d4c1200f2f222fa66af14fd4f260da7","tarball":"https://registry.npmjs.org/dash-colorscales/-/dash-colorscales-0.0.3.tgz","integrity":"sha512-E+Km229hwb+lNoZaLy+SA1NauKW/lsaA1KOtX7o0Srp0T4IdkhOxIQcy7HhAyrHLmCyD3IVYin90nJ5AdfwiNQ==","signatures":[{"sig":"MEUCIBbBI/Ct3NS4D8+8jKLi8GQEYiREgWxQBcBe8lt9CgGEAiEA9BpWTN6Cg/w7Lsrwuw4ZXk5Kihw/blNmHzXxssnEhmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"6269d0561d4c1200f2f222fa66af14fd4f260da7","gitHead":"49338e566d55c19507b2ab075f50484f06621c21","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_colorscales","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-colorscales -y"},"_npmUser":{"name":"jackparmer","email":"jack@plot.ly"},"repository":{"url":"git+https://github.com/plotly/dash-colorscales.git","type":"git"},"_npmVersion":"4.2.0","description":"Colorscale picker UI for your Dash apps","directories":{},"_nodeVersion":"6.10.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.5.9","dash-components-archetype":"^0.2.11"},"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"_npmOperationalInternal":{"tmp":"tmp/dash-colorscales-0.0.3.tgz_1515461017331_0.7344849901273847","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"dash-colorscales","version":"0.0.4","license":"MIT","_id":"dash-colorscales@0.0.4","maintainers":[{"name":"jackparmer","email":"jack@plot.ly"}],"homepage":"https://github.com/plotly/dash-colorscales","bugs":{"url":"https://github.com/plotly/dash-colorscales/issues"},"dist":{"shasum":"e3cd62b7212cb57d424d30bf32466a86fc95c827","tarball":"https://registry.npmjs.org/dash-colorscales/-/dash-colorscales-0.0.4.tgz","integrity":"sha512-DKJh8A9Ydbi7xpJvO2kTEbcrI0ybvnt+rTtK2lmQF2dXm2asEkbW6/3Y9y5WfxH/gy6JVRp4Yo80oGhkSXNKBA==","signatures":[{"sig":"MEYCIQCvbpxM1K7qAO55cjGORHUQFF1jKogZnxrPAxwuCReusAIhANN2gvMvuAYvgCjBuAgaFpnRze/JGMX8APnRN5HtNjg2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"e3cd62b7212cb57d424d30bf32466a86fc95c827","gitHead":"02125074931a2d058597bd90068c87756e27cb31","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_colorscales","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-colorscales -y"},"_npmUser":{"name":"jackparmer","email":"jack@plot.ly"},"repository":{"url":"git+https://github.com/plotly/dash-colorscales.git","type":"git"},"_npmVersion":"4.2.0","description":"Colorscale picker UI for your Dash apps","directories":{},"_nodeVersion":"6.10.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.5.9","react-colorscales":"0.4.2","dash-components-archetype":"^0.2.11"},"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"_npmOperationalInternal":{"tmp":"tmp/dash-colorscales-0.0.4.tgz_1516149697808_0.11073259077966213","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-01-08T19:09:12.748Z","modified":"2026-09-14T15:40:56.122Z","0.0.1":"2018-01-08T19:09:12.748Z","0.0.2":"2018-01-08T19:30:10.331Z","0.0.3":"2018-01-09T01:23:37.622Z","0.0.4":"2018-01-17T00:41:37.943Z"},"bugs":{"url":"https://github.com/plotly/dash-colorscales/issues"},"license":"MIT","homepage":"https://github.com/plotly/dash-colorscales","repository":{"url":"git+https://github.com/plotly/dash-colorscales.git","type":"git"},"description":"Colorscale picker UI for your Dash apps","maintainers":[{"email":"chris@plot.ly","name":"chriddyp"},{"email":"post.ben.here@gmail.com","name":"bpostlethwaite"},{"email":"antoine@plot.ly","name":"antrg"},{"email":"chuck@plot.ly","name":"bronsolo"},{"email":"t4rk@outlook.com","name":"t4rk"},{"email":"roman@plot.ly","name":"roman-nb"},{"email":"cameron.decoster@gmail.com","name":"camdecoster"},{"email":"alex@plot.ly","name":"alexcjohnson"},{"email":"adrian.borrmann@plot.ly","name":"aborrmann"},{"email":"emily@plot.ly","name":"emilykl-plotly"},{"email":"packages@plot.ly","name":"packages-team-plotly"},{"email":"jack@plot.ly","name":"jackparmer"}],"readme":"# dash-colorscales 🌈\n\nAdd a fancy colorscale picker to your Dash apps. `DashColorscales` wraps [react-colorscales](https://github.com/plotly/react-colorscales) for use in Dash.\n\n👉 [Simple demo](http://react-colorscales.getforge.io/)\n\n👉 [Advanced demo](https://opioid-epidemic.herokuapp.com/) [(code)](https://github.com/plotly/dash-opioid-epidemic-demo)\n\n![dash-colorscales](screenshot.png)\n\n## Dash\n\nGo to this link to learn about [Dash](https://plot.ly/dash/).\n\n## Getting started\n\n```sh\npip install dash_colorscales\n```\n\n## Usage\n\n```\nimport dash_colorscales\nimport dash\nimport dash_html_components as html\nimport json\n\napp = dash.Dash('')\n\napp.scripts.config.serve_locally = True\n\napp.layout = html.Div([\n    dash_colorscales.DashColorscales(\n        id='colorscale-picker',\n        nSwatches=7,\n        fixSwatches=True\n    ),\n    html.P(id='output', children='')\n])\n\n@app.callback(\n        dash.dependencies.Output('output', 'children'),\n        [dash.dependencies.Input('colorscale-picker', 'colorscale')])\ndef display_output(colorscale):\n    return json.dumps(colorscale)\n\nif __name__ == '__main__':\n    app.run_server(debug=True)\n```\n\n## API\n\nThe `DashColorscales` component accepts these optional properties:\n\n| `prop`         | Description                                                                                  | \n| -------------- | -------------------------------------------------------------------------------------------- |\n| `id`           | Optional: Identifier used to reference component in callbacks                                |\n| `colorscale`   | Optional: Default colorscale as an array of color strings (HEX or RGB). Defaults to viridis. |\n| `nSwatches`    | Optional: Number of discrete colors or \"swatches\" in the default color scale.                |\n| `fixSwatches`  | Optional: If set to `True`, hides the swatches slider and fixes swatches to `nSwatches`.     |\n\n","readmeFilename":"README.md"}