https://github.com/mohameddev19/interactive-sd-map
An html page showing data about the states of Sudan
https://github.com/mohameddev19/interactive-sd-map
Last synced: 4 months ago
JSON representation
An html page showing data about the states of Sudan
- Host: GitHub
- URL: https://github.com/mohameddev19/interactive-sd-map
- Owner: mohameddev19
- Created: 2024-05-14T02:47:55.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-14T02:52:06.000Z (about 2 years ago)
- Last Synced: 2025-07-28T01:40:44.412Z (11 months ago)
- Language: HTML
- Size: 49.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Interactive-SD-map
An html page showing data about the states of Sudan
## Get Started
go to line 60 and modifie it to your data
```js
const cityData = [ // Replace with your actual city data
{ key: "SD_DC", value: 3, color: "blue" }, // Custom color provided
{ key: "SD_DE", value: 6 },
{ key: "SD_DN", value: 5 },
{ key: "SD_DS", value: 0 },
{ key: "SD_DW", value: 0 },
{ key: "SD_GD", value: 0 },
{ key: "SD_GK", value: 0 },
{ key: "SD_GZ", value: 0 },
{ key: "SD_KA", value: 0 },
{ key: "SD_KH", value: 0 },
{ key: "SD_KN", value: 0 },
{ key: "SD_KS", value: 0 },
{ key: "SD_NB", value: 0 },
{ key: "SD_NO", value: 0 },
{ key: "SD_NR", value: 0 },
{ key: "SD_NW", value: 0 },
{ key: "SD_RS", value: 0 },
{ key: "SD_SI", value: 0 },
// ... (other city data)
];
```
if No color field found then the color will be red for value < 0, gray for value === 0 and green for value > 0