[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"dataset-7ac4505d-dfd8-4ebf-90e5-eefdefd292de":3},{"entry":4,"body":45},{"id":5,"slug":5,"title":6,"organization":7,"organization_slug":8,"tags_he":9,"primary_resource_id":15,"formats":16,"metadata_modified":20,"license":21,"record_count":22,"resources":23,"last_analyzed_at":40,"version":41,"summary_he":42,"dataset_kind":43,"related_ids":44},"7ac4505d-dfd8-4ebf-90e5-eefdefd292de","תאונות דרכים לפי רשות מוניציפלית","משרד התחבורה והבטיחות בדרכים","ministry_of_transport",[10,11,12,13,14],"gis","חצב","ממג","רשות מוניציפלית","תאונות דרכים","b17b1634-c001-4d37-96c6-a661b2ecd98c",[17,18,19],"CSV","XLSX","ZIP","2026-03-22T10:34:20.243234Z","אחר (פתוח)",1174,[24,28,32,36],{"url":25,"format":19,"name":26,"size_bytes":27},"https:\u002F\u002Fdata.gov.il\u002Fhe\u002Fdataset\u002F7ac4505d-dfd8-4ebf-90e5-eefdefd292de\u002Fresource\u002F42097396-d215-44eb-b979-509f29873865\u002Fdownload\u002Faccid_muni.zip","ACCIDENTS_MUNICIPAL_SHP",15712522,{"url":29,"format":19,"name":30,"size_bytes":31},"https:\u002F\u002Fdata.gov.il\u002Fhe\u002Fdataset\u002F7ac4505d-dfd8-4ebf-90e5-eefdefd292de\u002Fresource\u002Fa6de3377-32f1-4e48-8151-ff5ea8fb76d9\u002Fdownload\u002Faccid_muni_kmz.zip","ACCIDENTS_MUNICIPAL_KMZ",585,{"url":33,"format":17,"name":34,"size_bytes":35},"https:\u002F\u002Fdata.gov.il\u002Fhe\u002Fdataset\u002F7ac4505d-dfd8-4ebf-90e5-eefdefd292de\u002Fresource\u002Fb17b1634-c001-4d37-96c6-a661b2ecd98c\u002Fdownload\u002Faccid_muni.csv","ACCIDENTS_MUNICIPAL_CSV",247230,{"url":37,"format":18,"name":38,"size_bytes":39},"https:\u002F\u002Fdata.gov.il\u002Fhe\u002Fdataset\u002F7ac4505d-dfd8-4ebf-90e5-eefdefd292de\u002Fresource\u002Fca48479c-cc30-4091-b519-68a503fc5be7\u002Fdownload\u002Faccid_muni_metadata-1.xlsx","מטאדאטה",19633,"2026-05-05T15:06:39.675659Z",1,"נתוני תאונות דרכים מצטברים לחמש שנים אחרונות עבור 1,174 רשויות מוניציפליות בישראל, כולל מספר תאונות, הרוגים, פצועים, סוגי כלי רכב ומדד תאונות לקמ\"ר לכל רשות.","registry",[],"\u003C!-- תאונות דרכים לפי רשות מוניציפלית -->\n\u003Ch1 class=\"text-2xl font-bold text-ink-deep mb-2\">תאונות דרכים לפי רשות מוניציפלית\u003C\u002Fh1>\n\n\u003Cdiv class=\"flex flex-wrap gap-2 mb-6\">\n  \u003Cspan class=\"tag-chip\">תאונות דרכים\u003C\u002Fspan>\n  \u003Cspan class=\"tag-chip\">רשות מוניציפלית\u003C\u002Fspan>\n  \u003Cspan class=\"tag-chip\">בטיחות בדרכים\u003C\u002Fspan>\n  \u003Cspan class=\"tag-chip\">ממג\u003C\u002Fspan>\n  \u003Cspan class=\"tag-chip\">GIS\u003C\u002Fspan>\n\u003C\u002Fdiv>\n\n\u003Csection class=\"card p-5 mb-6\">\n  \u003Cdiv class=\"flex items-start gap-3\">\n    \u003Cimg src=\"\u002Ficons\u002Finfo.svg\" alt=\"\" class=\"w-5 h-5 mt-0.5 text-brand shrink-0\" \u002F>\n    \u003Cp class=\"leading-relaxed text-ink\">\n      מאגר זה מרכז נתוני תאונות דרכים שנחקרו על ידי המשטרה ונאספו על ידי הלמ\"ס,\n      ומציג סיכום מצטבר לחמש השנים האחרונות עבור 1,174 רשויות מוניציפליות ברחבי ישראל.\n      הנתונים מאפשרים להשוות בין רשויות לפי מספר תאונות, הרוגים, פצועים וסוגי כלי רכב מעורבים,\n      וכוללים מדד תאונות לקמ\"ר לצורך השוואה מרחבית הוגנת בין אזורים בגדלים שונים.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003C!-- KPI grid -->\n\u003Cdiv class=\"grid grid-cols-2 md:grid-cols-5 gap-4 mb-6\">\n  \u003Cdiv class=\"card p-5 text-center\">\n    \u003Cdiv class=\"text-3xl font-bold text-brand mb-1\">259,830\u003C\u002Fdiv>\n    \u003Cdiv class=\"text-subtle text-sm\">סה\"כ תאונות\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"card p-5 text-center\">\n    \u003Cdiv class=\"text-3xl font-bold text-danger mb-1\">1,952\u003C\u002Fdiv>\n    \u003Cdiv class=\"text-subtle text-sm\">הרוגים\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"card p-5 text-center\">\n    \u003Cdiv class=\"text-3xl font-bold text-warn mb-1\">12,951\u003C\u002Fdiv>\n    \u003Cdiv class=\"text-subtle text-sm\">פצועים קשה\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"card p-5 text-center\">\n    \u003Cdiv class=\"text-3xl font-bold text-ink-deep mb-1\">30,675\u003C\u002Fdiv>\n    \u003Cdiv class=\"text-subtle text-sm\">פגיעות בהולכי רגל\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"card p-5 text-center\">\n    \u003Cdiv class=\"text-3xl font-bold text-ok mb-1\">1,174\u003C\u002Fdiv>\n    \u003Cdiv class=\"text-subtle text-sm\">רשויות במאגר\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- Insights -->\n\u003Csection class=\"card p-5 mb-6\">\n  \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">ממצאים עיקריים\u003C\u002Fh2>\n  \u003Cul class=\"space-y-2 text-ink leading-relaxed\">\n    \u003Cli class=\"flex gap-2\">\u003Cimg src=\"\u002Ficons\u002Ftriangle-alert.svg\" alt=\"\" class=\"w-5 h-5 shrink-0 mt-0.5 text-warn\" \u002F>\n      \u003Cspan>מחוז המרכז מוביל במספר התאונות המוחלט (62,678), אך מחוז יהודה ושומרון (ערך מחוץ לסיווג מחוזי) בולט בשיעור ההרוגים הגבוה ביחס לתאונות — 194 הרוגים מתוך 7,993 תאונות (כ-2.4%).\u003C\u002Fspan>\n    \u003C\u002Fli>\n    \u003Cli class=\"flex gap-2\">\u003Cimg src=\"\u002Ficons\u002Ftriangle-alert.svg\" alt=\"\" class=\"w-5 h-5 shrink-0 mt-0.5 text-warn\" \u002F>\n      \u003Cspan>עיריות (73 רשויות בלבד) אחראיות ל-179,812 תאונות — כ-69% מסך התאונות — בעוד מועצות אזוריות (922 רשויות) אחראיות לכ-17%. פיזור זה משקף את צפיפות התנועה באזורים עירוניים.\u003C\u002Fspan>\n    \u003C\u002Fli>\n    \u003Cli class=\"flex gap-2\">\u003Cimg src=\"\u002Ficons\u002Ftriangle-alert.svg\" alt=\"\" class=\"w-5 h-5 shrink-0 mt-0.5 text-warn\" \u002F>\n      \u003Cspan>תל אביב-יפו מובילה במדד התאונות לקמ\"ר עם 361.5 תאונות לקמ\"ר, אך בני ברק מציגה את הצפיפות הגבוהה ביותר — 467.3 תאונות לקמ\"ר — מה שמצביע על עומס תנועה קריטי בשטח קטן.\u003C\u002Fspan>\n    \u003C\u002Fli>\n    \u003Cli class=\"flex gap-2\">\u003Cimg src=\"\u002Ficons\u002Finfo.svg\" alt=\"\" class=\"w-5 h-5 shrink-0 mt-0.5 text-brand\" \u002F>\n      \u003Cspan>רכב פרטי הוא כלי הרכב הנפוץ ביותר בתאונות (119,257 נהגים מעורבים), אך אופנועים (7,083) ואופניים (2,462) נמצאים בסיכון גבוה יחסית לנפח נסועתם.\u003C\u002Fspan>\n    \u003C\u002Fli>\n    \u003Cli class=\"flex gap-2\">\u003Cimg src=\"\u002Ficons\u002Finfo.svg\" alt=\"\" class=\"w-5 h-5 shrink-0 mt-0.5 text-brand\" \u002F>\n      \u003Cspan>קבוצת הגיל 20–64 מייצגת 74.8% מכלל הפצועים (261,211 מתוך 348,950). פצועים בגיל 65 ומעלה (33,022) מייצגים 9.5% מהפצועים — שיעור הדורש תשומת לב בפיתוח מדיניות בטיחות.\u003C\u002Fspan>\n    \u003C\u002Fli>\n  \u003C\u002Ful>\n\u003C\u002Fsection>\n\n\u003C!-- Row 1: District bar + Severity donut -->\n\u003Cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-6\">\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">תאונות והרוגים לפי מחוז\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-district\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">חלוקת פצועים לפי חומרת הפגיעה\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-severity\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n\u003C\u002Fdiv>\n\n\u003C!-- Row 2: Top 10 by accidents + Top 10 by density -->\n\u003Cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-6\">\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">10 הרשויות עם הכי הרבה תאונות\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-top-accidents\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">10 הרשויות עם מדד תאונות גבוה לקמ\"ר\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-top-index\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n\u003C\u002Fdiv>\n\n\u003C!-- Row 3: Vehicle types + Age groups -->\n\u003Cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-6\">\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">נהגים מעורבים בתאונות לפי סוג רכב\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-vehicles\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n  \u003Csection class=\"card p-5\">\n    \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">פצועים לפי קבוצת גיל\u003C\u002Fh2>\n    \u003Cdiv id=\"chart-age\" class=\"h-64 md:h-80\">\u003C\u002Fdiv>\n  \u003C\u002Fsection>\n\u003C\u002Fdiv>\n\n\u003C!-- Municipality type comparison -->\n\u003Csection class=\"card p-5 mb-6\">\n  \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">השוואה בין סוגי רשויות — תאונות ממוצעות לרשות\u003C\u002Fh2>\n  \u003Cdiv id=\"chart-munitype\" class=\"h-64 md:h-72\">\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003C!-- GovExplorer -->\n\u003Csection class=\"card p-5 mb-6\">\n  \u003Cdiv class=\"flex flex-wrap items-center justify-between gap-3 mb-3\">\n    \u003Ch2 class=\"font-semibold text-ink-deep\">עיון ברשימת הרשויות\u003C\u002Fh2>\n    \u003Cinput id=\"explorer-search\" class=\"gov-explorer-search\"\n           type=\"search\" placeholder=\"חיפוש רשות...\"\n           aria-label=\"חיפוש רשות מוניציפלית\" \u002F>\n  \u003C\u002Fdiv>\n  \u003Cdiv id=\"explorer\">\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003C!-- Notes -->\n\u003Csection class=\"card p-5 mb-6\">\n  \u003Ch2 class=\"font-semibold text-ink-deep mb-3\">אודות המאגר\u003C\u002Fh2>\n  \u003Cp class=\"text-ink leading-relaxed\">\n    תאונות דרכים, שנחקרו על ידי המשטרה, ונאספו על ידי הלמ\"ס (מאגרים: ת.ד. מורחב וכללי),\n    בחמשת השנים האחרונות. מיפוי בכל הרמות וסכימה לפי שטח רשות מוניציפלית.\n    הנתונים כוללים גם שכבות GIS (SHP, KMZ) להורדה ישירה דרך אתר הנתונים הפתוחים.\n  \u003C\u002Fp>\n\u003C\u002Fsection>\n\n\u003Cscript>\n  const GOVIL_PALETTE = [\n    '#0068f5', '#0b3668', '#6c9fd8', '#0053c4', '#0c3058',\n    '#3d70b0', '#b7d2f7', '#2658a0', '#dbe8fb', '#0c1f3d'\n  ];\n\n  const baseECharts = {\n    color: GOVIL_PALETTE,\n    textStyle: { fontFamily: 'Rubik, sans-serif', color: '#0c3058' },\n    tooltip: {\n      textStyle: { fontFamily: 'Rubik', color: '#0c3058' },\n      backgroundColor: '#fff',\n      borderColor: '#c3cfe7',\n      extraCssText: 'direction: rtl; box-shadow: 0 6px 24px -8px rgba(0,104,245,.18);'\n    },\n    grid: { left: 48, right: 64, top: 40, bottom: 48, containLabel: true },\n  };\n\n  \u002F\u002F ── Chart 1: District bar (accidents + fatalities) ──────────────────\n  (function () {\n    var el = document.getElementById('chart-district');\n    var chart = echarts.init(el);\n    var districts = ['\\u05d9\\u05e8\\u05d5\\u05e9\\u05dc\\u05d9\\u05dd', '\\u05d7\\u05d9\\u05e4\\u05d4', '\\u05ea\\u05dc \\u05d0\\u05d1\\u05d9\\u05d1', '\\u05d3\\u05e8\\u05d5\\u05dd', '\\u05e6\\u05e4\\u05d5\\u05df', '\\u05de\\u05e8\\u05db\\u05d6'];\n    var accidents  = [22118, 33371, 46122, 37111, 49811, 62678];\n    var fatalities = [125,   231,   222,   384,   354,   431];\n    var option = Object.assign({}, baseECharts, {\n      legend: { data: ['\\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea', '\\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd'], right: 10, top: 4, textStyle: { fontFamily: 'Rubik', color: '#0c3058' } },\n      xAxis: { type: 'category', data: districts, axisLabel: { fontFamily: 'Rubik', color: '#0c3058', rotate: 20, fontSize: 11 } },\n      yAxis: [\n        { type: 'value', name: '\\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea', nameTextStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 11 }, axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 } },\n        { type: 'value', name: '\\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd', nameTextStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 11 }, axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 }, position: 'right' }\n      ],\n      series: [\n        { name: '\\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea', type: 'bar', data: accidents, yAxisIndex: 0, itemStyle: { color: '#0068f5' }, barMaxWidth: 40 },\n        { name: '\\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd', type: 'bar', data: fatalities, yAxisIndex: 1, itemStyle: { color: '#0b3668' }, barMaxWidth: 40 }\n      ]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 2: Severity donut ─────────────────────────────────────────\n  (function () {\n    var el = document.getElementById('chart-severity');\n    var chart = echarts.init(el);\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, {\n        trigger: 'item',\n        formatter: function (p) { return p.name + ': ' + p.value.toLocaleString() + ' (' + p.percent + '%)'; }\n      }),\n      legend: { orient: 'vertical', right: 10, top: 'center', textStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 11 } },\n      series: [{\n        type: 'pie',\n        radius: ['40%', '68%'],\n        center: ['38%', '50%'],\n        data: [\n          { value: 1952,   name: '\\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd',       itemStyle: { color: '#0c3058' } },\n          { value: 12951,  name: '\\u05e4\\u05e6\\u05d5\\u05e2\\u05d9\\u05dd \\u05e7\\u05e9\\u05d4',   itemStyle: { color: '#0068f5' } },\n          { value: 344422, name: '\\u05e4\\u05e6\\u05d5\\u05e2\\u05d9\\u05dd \\u05e7\\u05dc\\u05d4',   itemStyle: { color: '#6c9fd8' } }\n        ],\n        label: { show: false },\n        emphasis: { label: { show: true, fontFamily: 'Rubik', fontSize: 13, fontWeight: 'bold' } }\n      }]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 3: Top 10 municipalities by accidents ─────────────────────\n  (function () {\n    var el = document.getElementById('chart-top-accidents');\n    var chart = echarts.init(el);\n    var names = ['\\u05ea\\u05dc \\u05d0\\u05d1\\u05d9\\u05d1 - \\u05d9\\u05e4\\u05d5', '\\u05d9\\u05e8\\u05d5\\u05e9\\u05dc\\u05d9\\u05dd', '\\u05d7\\u05d9\\u05e4\\u05d4', '\\u05e8\\u05d0\\u05e9\\u05d5\\u05df \\u05dc\\u05e6\\u05d9\\u05d5\\u05df', '\\u05d1\\u05d0\\u05e8 \\u05e9\\u05d1\\u05e2', '\\u05e4\\u05ea\\u05d7 \\u05ea\\u05e7\\u05d5\\u05d5\\u05d4', '\\u05d0\\u05e9\\u05d3\\u05d5\\u05d3', '\\u05d7\\u05d5\\u05dc\\u05d5\\u05df', '\\u05e0\\u05ea\\u05e0\\u05d9\\u05d4', '\\u05d0\\u05e9\\u05e7\\u05dc\\u05d5\\u05df'];\n    var vals  = [20671, 17532, 10714, 8149, 6983, 6967, 6536, 5900, 5766, 5728];\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, { trigger: 'axis', axisPointer: { type: 'shadow' } }),\n      xAxis: { type: 'value', axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 } },\n      yAxis: { type: 'category', data: names.slice().reverse(), axisLabel: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 11 } },\n      series: [{ type: 'bar', data: vals.slice().reverse(), itemStyle: { color: '#0068f5' }, barMaxWidth: 32,\n        label: { show: true, position: 'right', fontFamily: 'Rubik', color: '#0c3058', fontSize: 10,\n          formatter: function (p) { return p.value.toLocaleString(); } }\n      }]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 4: Top 10 by ACC_INDEX ────────────────────────────────────\n  (function () {\n    var el = document.getElementById('chart-top-index');\n    var chart = echarts.init(el);\n    var names = ['\\u05d1\\u05e0\\u05d9 \\u05d1\\u05e8\\u05e7', '\\u05d7\\u05d1\\u05dc \\u05de\\u05d5\\u05d3\\u05d9\\u05e2\\u05d9\\u05df', '\\u05ea\\u05dc \\u05d0\\u05d1\\u05d9\\u05d1 - \\u05d9\\u05e4\\u05d5', '\\u05d1\\u05ea \\u05d9\\u05dd', '\\u05e7\\u05e8\\u05d9\\u05ea \\u05de\\u05d5\\u05e6\\u05e7\\u05d9\\u05df', '\\u05d2\\u05d1\\u05e2\\u05ea\\u05d9\\u05d9\\u05dd', '\\u05d7\\u05d5\\u05dc\\u05d5\\u05df', '\\u05e8\\u05de\\u05ea \\u05d2\\u05df', '\\u05e2\\u05de\\u05e7 \\u05d7\\u05e4\\u05e8', '\\u05e8\\u05de\\u05dc\\u05d4'];\n    var vals  = [467.3, 369.1, 361.5, 339.0, 328.8, 319.5, 309.9, 298.3, 265.8, 246.9];\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, {\n        trigger: 'axis', axisPointer: { type: 'shadow' },\n        formatter: function (p) { return p[0].name + '\u003Cbr\u002F>' + p[0].value.toFixed(1) + ' \\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea\u002F\\u05e7\\u05de\"'; }\n      }),\n      xAxis: { type: 'value', name: '\\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea\u002F\\u05e7\\u05de\"', nameTextStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 10 }, axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 } },\n      yAxis: { type: 'category', data: names.slice().reverse(), axisLabel: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 11 } },\n      series: [{ type: 'bar', data: vals.slice().reverse(), itemStyle: { color: '#0053c4' }, barMaxWidth: 32,\n        label: { show: true, position: 'right', fontFamily: 'Rubik', color: '#0c3058', fontSize: 10,\n          formatter: function (p) { return p.value.toFixed(1); } }\n      }]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 5: Vehicle types bar ──────────────────────────────────────\n  (function () {\n    var el = document.getElementById('chart-vehicles');\n    var chart = echarts.init(el);\n    var labels = ['\\u05e8\\u05db\\u05d1 \\u05e4\\u05e8\\u05d8\\u05d9', '\\u05d0\\u05d5\\u05e4\\u05e0\\u05d5\\u05e2', '\\u05de\\u05e9\\u05d0\\u05d9\\u05ea', '\\u05d0\\u05d5\\u05e4\\u05e0\\u05d9\\u05d9\\u05dd'];\n    var vals = [119257, 7083, 3507, 2462];\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, { trigger: 'axis', axisPointer: { type: 'shadow' } }),\n      xAxis: { type: 'category', data: labels, axisLabel: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 12 } },\n      yAxis: { type: 'value', axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10, formatter: function(v){ return (v\u002F1000).toFixed(0)+'K'; } } },\n      series: [{ type: 'bar', data: vals, barMaxWidth: 60,\n        itemStyle: { color: function(p) { return GOVIL_PALETTE[p.dataIndex]; } },\n        label: { show: true, position: 'top', fontFamily: 'Rubik', color: '#0c3058', fontSize: 11,\n          formatter: function(p){ return p.value.toLocaleString(); } }\n      }]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 6: Age group donut ────────────────────────────────────────\n  (function () {\n    var el = document.getElementById('chart-age');\n    var chart = echarts.init(el);\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, {\n        trigger: 'item',\n        formatter: function(p){ return p.name + ': ' + p.value.toLocaleString() + ' (' + p.percent + '%)'; }\n      }),\n      legend: { orient: 'vertical', right: 10, top: 'center', textStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 12 } },\n      series: [{\n        type: 'pie',\n        radius: ['40%', '68%'],\n        center: ['38%', '50%'],\n        data: [\n          { value: 53717,  name: '\\u05d2\\u05d9\\u05dc 0\\u201319',  itemStyle: { color: '#6c9fd8' } },\n          { value: 261211, name: '\\u05d2\\u05d9\\u05dc 20\\u201364', itemStyle: { color: '#0068f5' } },\n          { value: 33022,  name: '\\u05d2\\u05d9\\u05dc 65+',        itemStyle: { color: '#0b3668' } }\n        ],\n        label: { show: false },\n        emphasis: { label: { show: true, fontFamily: 'Rubik', fontSize: 13, fontWeight: 'bold' } }\n      }]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── Chart 7: Munitype comparison (avg accidents per authority) ───────\n  (function () {\n    var el = document.getElementById('chart-munitype');\n    var chart = echarts.init(el);\n    var types = ['\\u05de\\u05d5\\u05e2\\u05e6\\u05d4 \\u05de\\u05e7\\u05d5\\u05de\\u05d9\\u05ea', '\\u05de\\u05d5\\u05e2\\u05e6\\u05d4 \\u05d0\\u05d6\\u05d5\\u05e8\\u05d9\\u05ea', '\\u05e2\\u05d9\\u05e8\\u05d9\\u05d9\\u05d4'];\n    \u002F\u002F avg accidents per authority\n    var avgAcc  = [229.3,  46.9, 2462.5];\n    var avgDead = [1.54,   0.69, 12.15 ];\n    var option = Object.assign({}, baseECharts, {\n      tooltip: Object.assign({}, baseECharts.tooltip, {\n        trigger: 'axis', axisPointer: { type: 'shadow' }\n      }),\n      legend: { data: ['\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea \\u05dc\\u05e8\\u05e9\\u05d5\\u05ea', '\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd \\u05dc\\u05e8\\u05e9\\u05d5\\u05ea'], top: 4, textStyle: { fontFamily: 'Rubik', color: '#0c3058' } },\n      xAxis: { type: 'category', data: types, axisLabel: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 12 } },\n      yAxis: [\n        { type: 'value', name: '\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea', nameTextStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 10 }, axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 } },\n        { type: 'value', name: '\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd', nameTextStyle: { fontFamily: 'Rubik', color: '#0c3058', fontSize: 10 }, axisLabel: { fontFamily: 'Rubik', color: '#6c757d', fontSize: 10 }, position: 'right', min: 0, max: 15 }\n      ],\n      series: [\n        { name: '\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea \\u05dc\\u05e8\\u05e9\\u05d5\\u05ea', type: 'bar', data: avgAcc, yAxisIndex: 0, itemStyle: { color: '#0068f5' }, barMaxWidth: 60,\n          label: { show: true, position: 'top', fontFamily: 'Rubik', color: '#0c3058', fontSize: 11, formatter: function(p){ return p.value.toFixed(0); } }\n        },\n        { name: '\\u05de\\u05d9\\u05e6\\u05d5\\u05e2\\u05d9 \\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd \\u05dc\\u05e8\\u05e9\\u05d5\\u05ea', type: 'bar', data: avgDead, yAxisIndex: 1, itemStyle: { color: '#0b3668' }, barMaxWidth: 60,\n          label: { show: true, position: 'top', fontFamily: 'Rubik', color: '#0c3058', fontSize: 11, formatter: function(p){ return p.value.toFixed(2); } }\n        }\n      ]\n    });\n    chart.setOption(option);\n    window.addEventListener('resize', function () { chart.resize(); });\n  }());\n\n  \u002F\u002F ── GovExplorer ─────────────────────────────────────────────────────\n  GovExplorer.create({\n    container:   '#explorer',\n    searchInput: '#explorer-search',\n    resourceId:  'b17b1634-c001-4d37-96c6-a661b2ecd98c',\n    fields:      ['MUNICIPAL', 'DISTRICT', 'MUNITYPE', 'SUMACCIDEN', 'DEAD', 'ACC_INDEX'],\n    headers:     ['\\u05e8\\u05e9\\u05d5\\u05ea', '\\u05de\\u05d7\\u05d5\\u05d6', '\\u05e1\\u05d5\\u05d2', '\\u05ea\\u05d0\\u05d5\\u05e0\\u05d5\\u05ea', '\\u05d4\\u05e8\\u05d5\\u05d2\\u05d9\\u05dd', '\\u05de\\u05d3\\u05d3\u002F\\u05e7\\u05de\"\\u05e8'],\n    searchFields: ['MUNICIPAL', 'DISTRICT'],\n    pageSize:    50,\n    sort:        'SUMACCIDEN desc',\n    renderRow: function(r) {\n      return [\n        { text: r['MUNICIPAL'] || '' },\n        { text: r['DISTRICT'] || '' },\n        { text: r['MUNITYPE'] || '' },\n        { text: r['SUMACCIDEN'] != null ? Number(r['SUMACCIDEN']).toLocaleString() : '', dir: 'ltr', align: 'center' },\n        { text: r['DEAD'] != null ? String(r['DEAD']) : '', dir: 'ltr', align: 'center',\n          badge: (r['DEAD'] && r['DEAD'] > 10) ? 'danger' : (r['DEAD'] && r['DEAD'] > 0) ? 'warn' : 'mut' },\n        { text: r['ACC_INDEX'] != null ? Number(r['ACC_INDEX']).toFixed(1) : '', dir: 'ltr', align: 'center' }\n      ];\n    }\n  });\n\u003C\u002Fscript>\n",1778130671144]