{"_id":"@capnjosh1/faceted-line-chart","name":"@capnjosh1/faceted-line-chart","dist-tags":{"latest":"0.1.12"},"versions":{"0.1.12":{"name":"@capnjosh1/faceted-line-chart","version":"0.1.12","description":"Several Dimension Multi Line Chart","sideEffects":false,"main":"lib/index.js","module":"esm/index.js","private":false,"scripts":{"start":"BABEL_OUTPUT=esm babel src --extensions \".ts,.tsx,.js,.jsx\" --watch --copy-files --out-dir esm","build":"npm run build-cjs && npm run build-esm && npm run ts-types","build-cjs":"babel src --extensions \".ts,.tsx,.js,.jsx\" --copy-files --out-dir lib","build-clean":"npm run clean && npm run build","build-esm":"BABEL_OUTPUT=esm babel src --extensions \".ts,.tsx,.js,.jsx\" --copy-files --out-dir esm","prebuild":"rimraf {lib,esm,tsconfig.tsbuildinfo}","postbuild":"npm run test","ts-types":"tsc --build","test":"jest"},"author":{"name":"Capnjosh - branched from work by Vladyslav Katashynskiy & Stanislav Dombrovskiy"},"license":"Apache-2.0","publishConfig":{"access":"public"},"dependencies":{"-":"^0.0.1","chart.js":"^4.2.0","chartjs-adapter-moment":"^1.0.1","moment":"^2.29.4","react-chartjs-2":"^5.2.0","react-paginate":"^8.1.4","styled-components":"^5.3.9","success":"^0.1.0"},"peerDependencies":{"@superset-ui/chart-controls":"*","@superset-ui/core":"*","react":"^16.13.1"},"devDependencies":{"@airbnb/config-babel":"^2.0.1","@babel/cli":"^7.16.0","@types/jest":"^26.0.4","@types/react":"^18.0.30","@types/react-dom":"^18.0.11","@types/styled-components":"^5.1.26","jest":"^26.6.3","process":"^0.11.10","react-is":"^18.2.0","rimraf":"^3.0.2","typescript":"^4.1.2"},"keywords":["custom-plugin","superset"],"engines":{"node":">=16 <17"},"gitHead":"31e1b63bb3e9f5b3adc289c5580e53d4dcabf277","_id":"@capnjosh1/faceted-line-chart@0.1.12","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-brDcY9Z1kpTbzdMRtvGtSRV7YN/fAr4D+x6y0r9+wXjz0qn7hQ2rfr00Pdw4o51K0RfG4TRwkCYWyvxo9GQV+w==","shasum":"7b6ca9506acfafbe9506628d6e45a8a2ac88209b","tarball":"https://registry.npmjs.org/@capnjosh1/faceted-line-chart/-/faceted-line-chart-0.1.12.tgz","fileCount":52,"unpackedSize":125771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDc4cyyIUh+QEdZCSlTVrfXIJT7JPVuEg1L34ZOtvuqwgIhALUGTRx2DFlGbSXVi7oEIJwiNEVLDzhndfKqGt3TWV7j"}]},"_npmUser":{"name":"capnjosh1","email":"capnjosh@gmail.com"},"directories":{},"maintainers":[{"name":"capnjosh1","email":"capnjosh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/faceted-line-chart_0.1.12_1726884167702_0.9927733094671407"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-21T02:02:47.587Z","0.1.12":"2024-09-21T02:02:47.985Z","modified":"2024-09-21T02:02:48.306Z"},"maintainers":[{"name":"capnjosh1","email":"capnjosh@gmail.com"}],"description":"Several Dimension Multi Line Chart","keywords":["custom-plugin","superset"],"author":{"name":"Capnjosh - branched from work by Vladyslav Katashynskiy & Stanislav Dombrovskiy"},"license":"Apache-2.0","readme":"# several-dimension-multi-line-chart\n\nThis is the \"Several Dimension Multi Line Chart\" Superset Chart Plugin.\n\n### Usage\n\nTo install Superset you can use this resurses:\n\n```\nhttps://preset.io/blog/building-custom-viz-plugins-in-superset-v2/\nhttps://github.com/nielsen-oss/superset-viz-plugins/blob/master/plugins/plugin-chart-status/src/plugin/controlPanel.ts\nhttps://www.youtube.com/watch?v=sS-P2OI0fgk\n\n```\n\nAfter creating the new plugin (folders and files), inside root directory:\n\n```\nnpm i\n\n```\n\nTo run the plugin in development mode (=rebuilding whenever changes are made),\nApp starts on localhost port: http://localhost:9000/\nStart the dev server with the following command:\n\n```\nnpm start\n\n```\n\nTo add the package to Superset, go to the `superset-frontend` subdirectory in your Superset source folder (assuming both the `superset-plugin-several-dimension` plugin and `superset` repos are in the same root directory) and run\n\n```\nnpm i -S ../../several-dimension-multi-line-chart\n```\n\nAfter this edit the `superset-frontend/src/visualizations/presets/MainPreset.js` and make the following changes:\n\n```js\nimport { SeveralDimensionMultiLineChartPlugin } from 'several-dimension-multi-line-chart';\n```\n\nto import the plugin and later add the following to the array that's passed to the `plugins` property:\n\n```js\nnew SeveralDimensionMultiLineChartPlugin().configure({\n    key: 'several-dimension-multi-line-chart',\n    }),\n```\n\nAfter that the plugin should show up when you run Superset, e.g. the development server:\n\n```\nnpm run dev-server\n```\n\nIt's possible, to use your new plugin as additional package. And you can publish the plugin\nto the npm repo and for installing you should have it in package.json:\n\n```\n\"@stanislav.domb/several-dimension-multi-line-chart\": \"^0.1.1\",\n```\n\n### Hint for plugin usage\n\n- If you need an additional line on the chart add data to \"METRICS\"\n- If you need an additional chart add data to \"COLUMNS\" (filtering works only by one column)\n- Filter by date works as usual\n","readmeFilename":"README.md"}