{"_id":"2d-car-dashboard","_rev":"9-8d5892918ec65558f06a3d356235fefa","name":"2d-car-dashboard","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.2":{"name":"2d-car-dashboard","version":"0.0.2","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.2","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"67691568c83b8de87da0e156bd00447ad3c7aff1","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.2.tgz","fileCount":5,"integrity":"sha512-iq4FGb7ROZb1rJqi0Nqv6fxK/SKdEJnq3PiL8oLO8Bh+0/Pf5DXIYB7uBexzO0dmHyt6IOTWEeNCRpTfC7uiTA==","signatures":[{"sig":"MEYCIQCsmWGfLlc4gRXGsqb4JZTBJVxGNsnfNvgaBiudoqN1DwIhAJBINmpdv8cPZPsWPMUQxcRGY5fDd1SvUPyGGv+qOsoy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3291},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"65e2559fd0c48408eada2790ff8b78860c2f2a24","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.2_1721214044160_0.20725080209283941","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"2d-car-dashboard","version":"0.0.3","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.3","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"ca9b884ac9f33a8daef39d9604d3274312565426","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.3.tgz","fileCount":5,"integrity":"sha512-vuaytCoScwmuOChyrqhxd8x84dnW/XfVXETExMUPMeZqAJvHoR+DlK8iVeeyPOZs8P0e3aZhkZzVkk3J9DHzCQ==","signatures":[{"sig":"MEYCIQD7ppPG8fMm435/9D4U04ajs+O4F7hzyW3tgrlzpSjWZgIhANrsd3Og+US3gFJvXYwhp5cgj5NmywG4/R3GMfEEL3EB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3892},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"65e2559fd0c48408eada2790ff8b78860c2f2a24","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.3_1721214251241_0.0539332310893168","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"2d-car-dashboard","version":"0.0.4","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.4","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"ab1fc288fe392447ce35f2e171cbf8bc32589c26","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.4.tgz","fileCount":91,"integrity":"sha512-imSki/WDbyctK5V3QVcqKOpIDf2n1Ulv1fgfypiHdqoACGu2TLMb8vMe2Cs0s3E9Ezatp1ZpM622/ZFUbhizaQ==","signatures":[{"sig":"MEUCIGKOV2833nR1+eW/KvLbsYijF0q+ADEC1mwQ7ngGFRALAiEAt5glmdydCRzhjhWY+WH40XafgLOfiMwY6nx0XFKzjHE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2171712},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"65e2559fd0c48408eada2790ff8b78860c2f2a24","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.4_1721214377990_0.07184769253695089","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"2d-car-dashboard","version":"0.0.5","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.5","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"5e5a584e82f6794f691c03fd95eda8d370bae295","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.5.tgz","fileCount":92,"integrity":"sha512-yCpwfoEAZWFqMhYaHWz/q9ymv0XOIQSLJJBt+I6Rx8MUdP6zPq/SBxq4+0nmZPBFAz8c8HTjNqncIX8tLZapVQ==","signatures":[{"sig":"MEUCIDt5b8Tx6RDvxsLNIYK82TiiKAyGc+SNIhYoV7vioqOrAiEA+wUY4ae3zRpV30GW3TVb7ltfPZ/s5lF+r4BWj1DUGoA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2173061},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"113586e415b747c5f7a255f656cac53bf190da07","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.5_1721307347039_0.11943262872776028","host":"s3://npm-registry-packages"}},"0.0.6":{"name":"2d-car-dashboard","version":"0.0.6","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.6","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"4b53cd37bc4f959e48e94c51455df4b24ba7c9bd","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.6.tgz","fileCount":92,"integrity":"sha512-/SSylMMJlD63rjiUkunkcUiDEC0LWdSaMTLWa6soznSbaF6EW6ck330CWXniQI4palaoJPFCu7hlVulGJ9z2fg==","signatures":[{"sig":"MEQCIGLb1aPSKGcsuLmLYQgP3L45nZOxsuLHIImlTlUlyW4CAiAdReZVn5vOMDrayL9Ie/0Sx2xkzsTOESAw2de0L7pMoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2173805},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"6f7a3123f46d3ac3399b73df5b7e5441188de8bc","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.6_1721736870820_0.3209981296339528","host":"s3://npm-registry-packages"}},"0.0.7":{"name":"2d-car-dashboard","version":"0.0.7","keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","_id":"2d-car-dashboard@0.0.7","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"dist":{"shasum":"b930cfb4ad7ee97c346827e6e9230ef2698c0d05","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.7.tgz","fileCount":91,"integrity":"sha512-vMtRchsOcq+QBr9BFKGpVstjVeIRzb83E65vuw/GaZZShT9AtuWqAPfCwGes2Y+uEhs34RjESAyFeex22BKilQ==","signatures":[{"sig":"MEYCIQD/p7rC2A3sOd8u/ROC1yQ4ynWCc4Hzl11JrYvZm0bNXwIhAIyDbBB3iAyp8yRmOxpqD7Nt+YFFDOfCXIUQsvSC4mLV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2873451},"main":"dist/main.js","types":"dist/main.d.ts","gitHead":"7cf534a76401d60a0192838403a33d28b700065c","_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"repository":{"url":"git+https://github.com/ABD-Z/2d-car-dashboard.git","type":"git"},"_npmVersion":"10.5.0","description":"2D car's dashboard for live simulation","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","react":"^18.3.1","leaflet":"^1.9.4","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2d-car-dashboard_0.0.7_1722029310322_0.8135663912263791","host":"s3://npm-registry-packages"}},"0.0.8":{"name":"2d-car-dashboard","version":"0.0.8","description":"2D car's dashboard for live simulation","main":"dist/main.js","types":"dist/main.d.ts","peerDependencies":{"d3":"^7.9.0","leaflet":"^1.9.4","react":"^18.3.1","react-dom":"^18.3.1","react-leaflet":"^4.2.1"},"keywords":["embeded","car","dashboard","simulation","live","D3"],"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","repository":{"type":"git","url":"git+https://github.com/ABD-Z/2d-car-dashboard.git"},"_id":"2d-car-dashboard@0.0.8","gitHead":"da14de67809e27e10877add759cfa64a8e9d6088","bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","_nodeVersion":"20.12.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-cZnHlf3Y9rKHgE1oPJGfUObcPqqvE8fYK8/sZe1x+VrEDZ5XUbQEWg9ck0mBeNku6ANPK2swUlNpdwd/SdC3pQ==","shasum":"acd364c3a9c2f5a5aedf29bc3b8e2789354364ba","tarball":"https://registry.npmjs.org/2d-car-dashboard/-/2d-car-dashboard-0.0.8.tgz","fileCount":91,"unpackedSize":2873901,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFxqLnQn/GxZ+2VqSaepEOaKerpTjkbAPJXyl1rJkIgIAiEAz4oH7Fd/czoOZTPgoRGyWYtj17WkK2ypIkxwRBp0Gfk="}]},"_npmUser":{"name":"abd-z","email":"aboud2008@gmail.com"},"directories":{},"maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/2d-car-dashboard_0.0.8_1722257657300_0.03654796901543422"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-17T11:00:44.063Z","modified":"2024-07-29T12:54:17.702Z","0.0.0":"2024-07-11T14:50:26.287Z","0.0.1":"2024-07-11T14:54:48.966Z","0.0.2":"2024-07-17T11:00:44.307Z","0.0.3":"2024-07-17T11:04:11.393Z","0.0.4":"2024-07-17T11:06:18.214Z","0.0.5":"2024-07-18T12:55:47.232Z","0.0.6":"2024-07-23T12:14:31.265Z","0.0.7":"2024-07-26T21:28:30.589Z","0.0.8":"2024-07-29T12:54:17.562Z"},"bugs":{"url":"https://github.com/ABD-Z/2d-car-dashboard/issues"},"author":{"name":"ABD-Z","email":"aboud2008@gmail.com"},"license":"CC BY-NC-SA 4.0","homepage":"https://github.com/ABD-Z/2d-car-dashboard#readme","keywords":["embeded","car","dashboard","simulation","live","D3"],"repository":{"type":"git","url":"git+https://github.com/ABD-Z/2d-car-dashboard.git"},"description":"2D car's dashboard for live simulation","maintainers":[{"name":"abd-z","email":"aboud2008@gmail.com"}],"readme":"# 2D Car Dashboard\nThis is a slick car Dashboard useful for live simulation.\nUse React component `VehicleDashboard` from package 2d-car-dashboard.\nYou should provide a correct JSON format for `gps` and `signals` props and optionayly `fps` and `zoom` props.\n\nDesktop view:\n\n![dashboard desktop](https://raw.githubusercontent.com/ABD-Z/2d-car-dashboard/main/dashboardPC.png)\n\nMobile view:\n\n![Dashboard on mobile](https://raw.githubusercontent.com/ABD-Z/2d-car-dashboard/main/dashboardMobile.png)\n\n\n\n## Library build\n\nLaunch in terminal `npm run build` . This will generate a folder named 2d-car-dashboard containing all necessary files.\n\n## Download package\n\n2d-car-dashboard package can be downloaded. Launch this command below :\n\n`npm install 2d-car-dashboard`\n\n## Usage\n\n### `VehicleDashboard` component\n\nIn you application, you need first to import the corresponding component as follow :\n\n`import { VehicleDashboard, VehicleDatas } from '2d-car-dashboard';`\n\nThen, you can use your components as follow :\n\n`<VehicleDashboard signals={s} gps={g} fps={f} zoom={z}/>`  \n\n`signals`  and  `g` are of type `VehicleDatas`. \n`fps`, `zoom` and `steerwheelImage` are optional. The first two are numbers whereas the third one is the assets (image or SVG) imported as a resource.\n\n\n\n### `gps` JSON format\nThis should be provided to gps prop as follow :\n```json\n{\n  \"Latitude\": {\n      \"value\": \"48.994404\",\n      \"unit\": \"°\"},\n    \n  \"Longitude\": {\n      \"value\": \"2.224964\",\n      \"unit\": \"°\"\n  },\n  \"UIN\": \"CAR'S UIN\"\n}\n```\n\nCar's position will be displayed on the map.\n\n### `signals` JSON format\nSignals JSON provides several values that can affect the dashboard. Note that all values are required only if changes are needed.\nHere is the JSON format to be provided to signals prop :\n```json\n{\n  \"ETAT_OUVRANTS\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"ANGLE_VOLANT\": {\n      \"value\": \"119.700000\",\n      \"unit\": \"Degré\"\n  },\n  \"FREINAGE_EN_COURS\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"REGIME_MOTEUR\": {\n      \"value\": \"8191.875000\",\n      \"unit\": \"tr/min\"\n  },\n  \"VITESSE_VEH_ROUES_AV\": {\n      \"value\": \"0\",\n      \"unit\": \"km/h\"\n  },\n  \"VITESSE_ROUE_ARG\": {\n      \"value\": \"0.450000\",\n      \"unit\": \"km/h\"\n  },\n  \"VITESSE_ROUE_ARD\": {\n      \"value\": \"0.470000\",\n      \"unit\": \"km/h\"\n  },\n  \"PSEUDO_CONSO_CARBURANT\": {\n      \"value\": \"0\",\n      \"unit\": \"mm3\"\n  },\n  \"PRESSION_ATMO\": {\n      \"value\": \"985.000000\",\n      \"unit\": \"hPa\"\n  },\n  \"IHM_CLIGNO_ECO\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"DDE_ALLUM_LED_ORANGE\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"ETAT_FEUX_CROIST\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"MODE_ECO\": {\n      \"value\": \"1.000000\",\n      \"unit\": \"\"\n  },\n  \"INFO_NIV_CARB\": {\n      \"value\": \"0\",\n      \"unit\": \"L\"\n  },\n  \"ETAT_FEUX_ROUTE\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"SENS_ROULAGE\": {\n      \"value\": \"1.000000\",\n      \"unit\": \"\"\n  },\n  \"VITESSE_VEHICULE\": {\n      \"value\": \"0\",\n      \"unit\": \"km/h\"\n  },\n  \"DMD_DELEST_ABS_ESP\": {\n      \"value\": \"0\",\n      \"unit\": \"\"\n  },\n  \"BOUC_CEINT_PASS\": {\n      \"value\": \"1.000000\",\n      \"unit\": \"\"\n  },\n  \"BOUC_CEINT_COND\": {\n      \"value\": \"2.000000\",\n      \"unit\": \"\"\n  },\n  \"KILOMETRAGE\": {\n      \"value\": \"1802.000000\",\n      \"unit\": \"km\"\n  },\n  \"UIN\": \"CAR'S UIN\"\n}\n```\n\n### Optional props\n\n#### `fps`\n\n`fps` is used to limit the rendering to a certain frame rate. If `fps` is below or equal zero, there is no such limitation.\nDefault value : -1\n\n#### `zoom`\n\n`zoom` is used to set the zoom on dashboard's map. Bigger value corresponds to bigger zoom.\nDefault value : 15\n\n#### `steerwheelImage`\n\nThis prop makes possible to change the appearance of the steer wheel image. You must provide an imported resource as in the example below :\n\n```react\nimport i from \"imagePath\"\n<VehicleDashboard signals={s} gps={g} fps={f} zoom={z} steerwheelImage={i}/>\n```","readmeFilename":"README.md"}