{"_id":"sdmx-dashboard-react","_rev":"35-c8ecb72f7a9521f8a586a37c3bbcd69f","name":"sdmx-dashboard-react","dist-tags":{"0.1.0.beta":"0.1.0","latest":"0.3.0"},"versions":{"0.0.1":{"name":"sdmx-dashboard-react","version":"0.0.1","author":{"name":"Thomas Tilak & Stan Ozier"},"license":"CC-BY-4.0","_id":"sdmx-dashboard-react@0.0.1","maintainers":[{"name":"thhomas","email":"thomas.tilak@gmail.com"}],"dist":{"shasum":"9b13db3fea0eae0b367043beea719d4c65999302","tarball":"https://registry.npmjs.org/sdmx-dashboard-react/-/sdmx-dashboard-react-0.0.1.tgz","fileCount":15,"integrity":"sha512-LMgffJ50NV3LQyI7WcgiT9W7VSHBu2hEukhSCRCfjr4/djJp1sakOIGBIakkkvEVZ6Tv7dajWAXInI0UjmMqpw==","signatures":[{"sig":"MEUCIF6gFXHmBLrSA/YUkiD7e1tm0+dSD5G93cBiQNQadwnjAiEAjln80j1pHPggDVv40pAeKmJ+qEpwbuFyJrsGXmt+Mdg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1945360},"main":"dist/sdmx-dashboard-react.js","type":"module","types":"dist/index.d.ts","gitHead":"fcbb9b5637e3efebec222e920e65970ec53715e4","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"tsc -p ./tsconfig-preview.json && vite build -c ./vite.preview.ts && vite preview"},"_npmUser":{"name":"thhomas","email":"thomas.tilak@gmail.com"},"deprecated":"Project moved to https://www.npmjs.com/package/sdmx-dashboard-components","_npmVersion":"10.2.4","description":"Embeddable React components to create a dashboard for SDMX data. The components are built using [Vite](https://vitejs.dev/).","directories":{},"_nodeVersion":"21.2.0","dependencies":{"ol":"^8.2.0","proj4":"^2.9.2","bootstrap":"^5.3.2","highcharts":"^11.2.0","react-bootstrap":"^2.9.2","sdmx-json-parser":"^0.3.0-beta.0","d3-scale-chromatic":"^3.0.0","react-error-boundary":"^4.0.12","react-bootstrap-icons":"^1.10.3","highcharts-react-official":"^3.2.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","eslint":"^8.55.0","react-dom":"^18.2.0","typescript":"^5.2.2","@types/node":"^20.10.6","@types/proj4":"^2.5.5","@types/react":"^18.2.43","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.17","@vitejs/plugin-react-swc":"^3.5.0","@types/d3-scale-chromatic":"^3.0.3","@typescript-eslint/parser":"^6.14.0","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^1.3.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^6.14.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/sdmx-dashboard-react_0.0.1_1704429362905_0.04436656254980287","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"sdmx-dashboard-react","version":"0.1.0","author":{"name":"Thomas Tilak & Stan Ozier"},"license":"CC-BY-4.0","_id":"sdmx-dashboard-react@0.1.0","maintainers":[{"name":"thhomas","email":"thomas.tilak@gmail.com"}],"dist":{"shasum":"ab82703f15e31c80a630e27dabf5a0a093c4582b","tarball":"https://registry.npmjs.org/sdmx-dashboard-react/-/sdmx-dashboard-react-0.1.0.tgz","fileCount":16,"integrity":"sha512-U13UyaX0hD4Sycz2H6Hu4cizE7b9164RTpTuTtw4wO5EPpeumy9Keazz0JDMIy/yqVt7Ydg98A4Ei0GtJtJ1rA==","signatures":[{"sig":"MEUCIBOTFohVSS7rcFSujTLwQCMMyViEkdAFSwHreUsjXXO/AiEAnoGx3KffP1n7vLIe9Kt7lvRxMivpQVuCV1661Jq5eso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1948563},"main":"dist/sdmx-dashboard-react.js","type":"module","types":"dist/index.d.ts","gitHead":"57801879b0e982255fb158b3726c49884fd83170","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"tsc -p ./tsconfig-preview.json && vite build -c ./vite.preview.ts && vite preview"},"_npmUser":{"name":"thhomas","email":"thomas.tilak@gmail.com"},"deprecated":"Project moved to https://www.npmjs.com/package/sdmx-dashboard-components","_npmVersion":"10.5.0","description":"Embeddable React components to create a dashboard for SDMX data. The components are built using [Vite](https://vitejs.dev/).","directories":{},"_nodeVersion":"21.7.3","dependencies":{"ol":"^8.2.0","proj4":"^2.9.2","bootstrap":"^5.3.2","highcharts":"^11.2.0","react-bootstrap":"^2.9.2","sdmx-json-parser":"^0.3.0","d3-scale-chromatic":"^3.0.0","react-error-boundary":"^4.0.12","react-bootstrap-icons":"^1.10.3","highcharts-react-official":"^3.2.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","eslint":"^8.55.0","react-dom":"^18.2.0","typescript":"^5.2.2","@types/node":"^20.10.6","@types/proj4":"^2.5.5","@types/react":"^18.2.43","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.17","@vitejs/plugin-react-swc":"^3.5.0","@types/d3-scale-chromatic":"^3.0.3","@typescript-eslint/parser":"^6.14.0","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^1.3.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^6.14.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/sdmx-dashboard-react_0.1.0_1720564332900_0.6065427482127637","host":"s3://npm-registry-packages"}},"0.2.12":{"name":"sdmx-dashboard-react","version":"0.2.12","author":{"name":"Thomas Tilak & Stan Ozier"},"license":"CC-BY-4.0","_id":"sdmx-dashboard-react@0.2.12","maintainers":[{"name":"thhomas","email":"thomas.tilak@gmail.com"}],"dist":{"shasum":"405a075a859c71bb0d6bfb09d86312cff02f93ca","tarball":"https://registry.npmjs.org/sdmx-dashboard-react/-/sdmx-dashboard-react-0.2.12.tgz","fileCount":16,"integrity":"sha512-wpjFe9eYO41E6vp10ZpHFvZ4YVXFVid7dOd0Fm+e7wZh5MgKOM+PZHjyhMynyBRzyXtjiS0UcWXOAvj72hwxcg==","signatures":[{"sig":"MEUCIGQ98Hp+eJGFwpxO9enrx2uDxZ4+Gaw0y+dXSMONvFKeAiEAsHRy2/QhV7S1Lnbs7l9dAXnoD9fRr6TyXWraJWUBCiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":925533},"main":"dist/sdmx-dashboard-react.js","type":"module","types":"dist/index.d.ts","gitHead":"c28af6a8ab4afa4ca7cfd1dc6721997f2475f6ae","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"tsc -p ./tsconfig-preview.json && vite build -c ./vite.preview.ts && vite preview"},"_npmUser":{"name":"thhomas","email":"thomas.tilak@gmail.com"},"deprecated":"Project moved to https://www.npmjs.com/package/sdmx-dashboard-components","_npmVersion":"10.8.2","description":"Embeddable React components to create a dashboard for SDMX data. The components are built using [Vite](https://vitejs.dev/).","directories":{},"_nodeVersion":"21.7.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","eslint":"^8.55.0","typescript":"^5.2.2","@types/node":"^20.10.6","@types/proj4":"^2.5.5","@types/react":"^18.2.43","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.17","@vitejs/plugin-react-swc":"^3.5.0","@types/d3-scale-chromatic":"^3.0.3","@typescript-eslint/parser":"^6.14.0","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^1.3.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^6.14.0"},"peerDependencies":{"ol":"^8.2.0","proj4":"^2.9.2","react":"^18.2.0","bootstrap":"^5.3.2","react-dom":"^18.2.0","highcharts":"^11.4.6","ts-deepmerge":"^7.0.1","react-bootstrap":"^2.9.2","sdmx-json-parser":"^0.3.0","html-react-parser":"^5.1.12","d3-scale-chromatic":"^3.0.0","react-error-boundary":"^4.0.12","react-bootstrap-icons":"^1.10.3","highcharts-react-official":"^3.2.1"},"_npmOperationalInternal":{"tmp":"tmp/sdmx-dashboard-react_0.2.12_1723776057730_0.9586314122874824","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"sdmx-dashboard-react","version":"0.3.0","author":{"name":"Thomas Tilak & Stan Ozier"},"license":"CC-BY-4.0","_id":"sdmx-dashboard-react@0.3.0","maintainers":[{"name":"thhomas","email":"thomas.tilak@gmail.com"}],"dist":{"shasum":"ca3ef9430951352ec4c2c08a18d69e40cc96d82e","tarball":"https://registry.npmjs.org/sdmx-dashboard-react/-/sdmx-dashboard-react-0.3.0.tgz","fileCount":16,"integrity":"sha512-Iqw2fr88CrMpPyc9bNAKQxSFRrGHfS2SZxwz3aEkbR7qSw6yVBt6TKb3+RLH47UgFh0lAqiW8hrRJj6qwqHfRA==","signatures":[{"sig":"MEUCICMU0ttfa7YT9XjMfuGr4ZmH3M9Zmy/TNQZo2wnk8qVPAiEA4Q4dRNGCAWlcOKO68HLXOV4QhSI0zrG4uSf6B9Tju0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":925602},"main":"dist/sdmx-dashboard-react.js","type":"module","types":"dist/index.d.ts","gitHead":"647b57042b758c1a3586e618ca0887aaebc8d613","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"tsc -p ./tsconfig-preview.json && vite build -c ./vite.preview.ts && vite preview"},"_npmUser":{"name":"thhomas","email":"thomas.tilak@gmail.com"},"deprecated":"Project moved to https://www.npmjs.com/package/sdmx-dashboard-components","_npmVersion":"10.8.2","description":"Embeddable React components to create a dashboard for SDMX data. The components are built using [Vite](https://vitejs.dev/).","directories":{},"_nodeVersion":"21.7.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","eslint":"^8.55.0","typescript":"^5.2.2","@types/node":"^20.10.6","@types/proj4":"^2.5.5","@types/react":"^18.2.43","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.17","@vitejs/plugin-react-swc":"^3.5.0","@types/d3-scale-chromatic":"^3.0.3","@typescript-eslint/parser":"^6.14.0","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^1.3.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^6.14.0"},"peerDependencies":{"ol":"^8.2.0","proj4":"^2.9.2","react":"^18.2.0","bootstrap":"^5.3.2","react-dom":"^18.2.0","highcharts":"^11.4.6","ts-deepmerge":"^7.0.1","react-bootstrap":"^2.9.2","sdmx-json-parser":"^0.3.0","html-react-parser":"^5.1.12","d3-scale-chromatic":"^3.0.0","react-error-boundary":"^4.0.12","react-bootstrap-icons":"^1.10.3","highcharts-react-official":"^3.2.1"},"_npmOperationalInternal":{"tmp":"tmp/sdmx-dashboard-react_0.3.0_1724026322784_0.23837382092486714","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-01-04T05:28:25.089Z","modified":"2024-08-21T23:31:12.804Z","0.0.0":"2024-01-04T05:28:25.349Z","0.0.1":"2024-01-05T04:36:03.205Z","0.1.0":"2024-07-09T22:32:13.210Z","0.2.0":"2024-07-21T21:53:40.995Z","0.2.1":"2024-07-23T03:36:56.337Z","0.2.2":"2024-07-30T03:01:41.236Z","0.2.3":"2024-07-31T03:26:34.774Z","0.2.4":"2024-08-06T00:59:50.334Z","0.2.5":"2024-08-08T00:29:42.891Z","0.2.6":"2024-08-09T06:00:40.658Z","0.2.7":"2024-08-12T06:29:10.457Z","0.2.8":"2024-08-12T22:12:22.398Z","0.2.9":"2024-08-13T23:39:44.612Z","0.2.10":"2024-08-15T22:53:58.094Z","0.2.11":"2024-08-16T01:07:17.661Z","0.2.12":"2024-08-16T02:40:58.005Z","0.2.13":"2024-08-16T04:05:17.570Z","0.2.14":"2024-08-18T22:36:31.240Z","0.3.0":"2024-08-19T00:12:03.050Z"},"author":{"name":"Thomas Tilak & Stan Ozier"},"license":"CC-BY-4.0","description":"Embeddable React components to create a dashboard for SDMX data. The components are built using [Vite](https://vitejs.dev/).","maintainers":[{"name":"thhomas","email":"thomas.tilak@gmail.com"}],"readme":"# SDMX Dashboard React Component\n\nEmbeddable React components to create a dashboard for SDMX data.\nThe components are built using [Vite](https://vitejs.dev/).\n\n<sub>Project generated thanks to this great article: [Create a Component Library Fast🚀\\(using Vite's library mode\\)](https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-4lma)</sub>\n\n## Usage\n\nThis library provides a set of components to build visuals for SDMX data.\nSingle React components are available `SDMXChart`, `SDMXMap` and `SDMXValue` to embed SDMX visuals in your application and can also be combined in a\n `SDMXDashboard` component that generates a dashboard.\nThe single components are only configured via props, while the dashboard component can configured via a JSON configuration file.\n\nMore information on the syntax of the configuration can be found [here](https://github.com/thhomas/dashboard-creator/blob/main/public/doc.md)\n\n```bash\nnpm install sdmx-dashboard-react\n```\n\n```javascript\nimport { SDMXDashboard } from 'sdmx-dashboard-react';\n\nconst App = () => {\n  return (\n    // SDMX dashboard component build from JSON configuration file\n    <SDMXDashboard\n      url='path/to/dashboard.json'\n    />\n    // SDMX chart component built from props\n    <SDMXChart\n      config={{\n        data: [\"https://stats-sdmx-disseminate.pacificdata.org/rest/data/SPC,DF_WBWGI,1.0/A..VA_EST?startPeriod=2010&dimensionAtObservation=AllDimensions\"],\n        title: {\n          text: \"World Bank Worldwide Governance Indicator\",\n        },\n        subtitle: {\n          text: \"Voice and Accountability\"\n        },\n        id:\"wgi_va\",\n        type: \"drilldown\",\n        xAxisConcept:\"TIME_PERIOD\",\n        legend: {\n          concept: \"GEO_PICT\"\n        },\n        yAxisConcept: \"OBS_VALUE\"\n      }}\n    />\n  );\n};\n```\n\n\n## Development\n\n```bash\nnpm install\nnpm run dev\n```\n\nThe components are located in the `lib` folder where as the `src` folder hosts a demo application.\n\nThe vite preview mode can also be used to test the built library in the demo application.\n\n```bash\nnpm run preview\n```\n\n\n## Build\n\n```bash\nnpm run build\n```\n\n\n","readmeFilename":"README.md"}