Attacks in South-West Syria: August 2018 – August 2019

#timeline2{ width: 100%; height: 100%; } } @media (min-width: 1025px) and (max-width: 1280px) { #timeline2{ max-width:100% } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #timeline2{ max-width:100% } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #timeline2{ max-width:100% } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { #timeline2{ max-width:100% } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { #timeline2{ max-width:100% } } anychart.onDocumentReady(function () { // create data var data = [ ["August 2018", 3], ["September 2018", 4], ["October 2018", 4], ["November 2018", 7], ["December 2018", 6], ["January 2019", 12], ["February 2019", 18], ["March 2019", 19], ["April 2019", 18], ["May 2019", 25], ["June 2019", 29], ["July 2019", 23], ["August 2019", 13], ]; // create a chart var chart = anychart.line(); chart.background({fill: "#dbdbdb 3.5"}); // set chart padding chart.padding([10, 20, 5, 20]); // turn on the crosshair chart.crosshair(true); chart.crosshair().xLabel(false); // create a line series and set the data var series = chart.line(data); series.normal().stroke("#0066cc", 3); var title = chart.title(); title.enabled(true); title.align('left'); title.text('Number of Attacks per Month'+' 10 Aug 2018 - 31 Aug 2019 '); chart.title().useHtml(true); // Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); var xAxisLabels = chart.xAxis().labels(); xAxisLabels.rotation(-90) xAxisLabels.fontWeight("bold"); xAxisLabels.fontColor("black"); xAxisLabels.fontFamily("Tahoma"); xAxisLabels.letterSpacing('1px'); var yAxisLabels = chart.yAxis().labels(); yAxisLabels.fontWeight("bold"); yAxisLabels.fontColor("black"); yAxisLabels.fontFamily("Tahoma"); yAxisLabels.letterSpacing('1px'); // set the titles of the axes var xAxis = chart.xAxis(); var yAxis = chart.yAxis(); chart.yScale().maximum(35); // add style to Y Axis & X Axis chart.yAxis(0).title().fontColor("black").fontWeight(900); chart.xAxis(0).title().fontColor("black").fontWeight(900); // add bold to lables chart.labels().fontColor('black').fontWeight(900); chart.xGrid().enabled(true); chart.yGrid().enabled(true); chart.xMinorGrid().enabled(true); chart.yMinorGrid().enabled(true); // third marker // enable series data labels series.labels() .enabled(true) .anchor('center-bottom') .offsetY(5); // enable series markers series.markers(true); //tooltip var tooltip = series.tooltip(); chart.tooltip(true); chart.tooltip().useHtml(true); chart.tooltip().format('{%Value} Attack'); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"]; // delete about and separator delete items["full-screen-separator"]; delete items["about"]; // return modified array return items; }); // set the container id chart.container("timeline2"); // initiate drawing the chart chart.draw(); }); @media (min-width: 1025px) and (max-width: 1280px) { #col2{ max-width:100% } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #col2{ max-width:100% } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #col2{ max-width:100% } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { #col2{ max-width:100% } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { #col2{ max-width:100% } } anychart.onDocumentReady(function () { // create data var data = [ {x: "4th Division Security Bureau", value: 4, fill: "#075ba3",stroke: "none"}, {x: "5th Corps", value: 5, fill: "#075ba3",stroke: "none"}, {x: "Ababil Army", value: 1, fill: "#075ba3",stroke: "none"}, {x: "Ahrar Al-Sham", value: 24, fill: "#075ba3",stroke: "none"}, {x: "Air Force Intelligence", value: 3, fill: "#075ba3",stroke: "none"}, {x: "Hay’at Tahrir Al-Sham (HTS)", value: 15, fill: "#075ba3",stroke: "none"}, {x: "Hezbollah groups", value: 2, fill: "#075ba3",stroke: "none"}, {x: "ISIS cells ", value: 23, fill: "#075ba3",stroke: "none"}, {x: "Israeli Army ", value: 14, fill: "#075ba3",stroke: "none"}, {x: "Jund Al-Muntaqim group ", value: 10, fill: "#075ba3",stroke: "none"}, {x: "Military Intelligence ", value: 2, fill: "#075ba3",stroke: "none"}, {x: "Moutaz Bellah Army ", value: 4, fill: "#075ba3",stroke: "none"}, {x: "Smuggling groups ", value: 1, fill: "#075ba3",stroke: "none"}, {x: "Unknown ", value: 74, fill: "#075ba3",stroke: "none"}, ]; // create a chart var chart = anychart.column(); // create a column series and set the data var series = chart.column(data); labels = chart.labels(); // set the chart title var axisLabels = chart.xAxis().labels(); axisLabels.useHtml(true); axisLabels.format(" {%value} "); labels.fontFamily("Roboto Condensed"); var title = chart.title(); title.enabled(true); title.align("left"); title.text('Number of Attacks by Perpetrator'+' 10 Aug 2018 - 31 Aug 2019 '); chart.title().useHtml(true); chart.tooltip().format('{%Value} Attack'); chart.background({fill: "#dbdbdb 3.5"}); // Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); // set the titles of the axes var yScale = chart.yScale(); yScale.maximum(80); //set title y Axis var yAxis = chart.yAxis(); yAxis.title("Number of Attacks"); chart.yAxis(0).title().fontColor("black").fontWeight(900); var yAxisLabels = chart.yAxis().labels(); yAxisLabels.fontWeight("bold"); yAxisLabels.fontColor("black"); yAxisLabels.fontFamily("Tahoma"); yAxisLabels.letterSpacing('1px'); // rotate labels chart.xAxis().labels().rotation(-90); labels.enabled(true); labels.position("center-top"); labels.anchor("center"); labels.offsetY(-10); labels.fontColor("#000000"); // set labels position var xAxisLabels = chart.xAxis().labels(); xAxisLabels.rotation(-90) xAxisLabels.fontWeight("bold"); xAxisLabels.fontColor("black"); xAxisLabels.fontFamily("Tahoma"); xAxisLabels.letterSpacing('1px'); labels.enabled(true); var label = chart.label(); label.text('Custom label'); label.position('left-bottom'); chart.xAxis().title("Perpetrators"); chart.xAxis(0).title().fontColor("black").fontWeight('bold'); chart.yGrid(true); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"]; // delete about and separator delete items["full-screen-separator"]; delete items["about"]; // return modified array return items; }); // set the container id chart.container("col2"); // initiate drawing the chart chart.draw(); }); @media (min-width: 1025px) and (max-width: 1280px) { #test5{ max-width:100% } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #test5{ max-width:100% } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #test5{ max-width:100% } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { #test5{ max-width:100% } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { #test5{ max-width:100% } } anychart.onDocumentReady(function () { // create pie chart with passed data var data = [ {x: "Arrested", value: 624, fill:"#A5A5A5"}, {x: "Relesed", value: 61, fill:"#5A9BD5"}, {x: "Missing", value: 5, fill:"#264478"}, {x: "Tortured", value: 8, fill:"#255F91"}, ]; // create a chart and set the data var chart = anychart.pie(data); chart.labels({fontColor: '#000000', position: 'outside', fontWeight: 'bold'}); // Set critical angle. chart.outsideLabelsCriticalAngle(160); chart.connectorStroke({color: "#595959", thickness: 2, solid:"2 2"}); var title = chart.title(); title.enabled(true); title.width(800); title.text(' Status: Arrested, Released, Missing, Died under Torture'+' From June 2018 to June 2019 '); chart.title().useHtml(true); // Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); chart.legend().hoverCursor("help"); var legend = chart.legend(); // Set font color legend.fontColor('black'); chart.legend().fontSize(10); legend.fontWeight('bold'); chart.animation(true, 3000); // set points grouping settings chart.background({fill: "#dbdbdb 3.5"}); chart.legend(true); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"]; // delete about and separator delete items["full-screen-separator"]; delete items["about"]; // return modified array return items; }); // set container id for the chart chart.container('test5'); // initiate chart drawing chart.draw(); }); #pie2{ width: 100%; height: 100%; } } @media (min-width: 1025px) and (max-width: 1280px) { #pie2{ max-width:100% } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #pie2{ max-width:100% } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #pie2{ max-width:100% } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { #pie2{ max-width:100% } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { #pie2{ max-width:100% } } anychart.onDocumentReady(function () { // create pie chart with passed data var data = [ {x: "Rural East Daraa", value: 74, fill:"#A5A5A5"}, {x: "Rural North Daraa", value: 24, fill:"#5B9BD5"}, {x: "Al Lajat", value: 3, fill:"#264478"}, {x: "Quneitra", value: 9, fill:"#636363"}, {x: "Rural West Daraa", value: 71, fill:"#4472C4"}, ]; // create a chart and set the data var chart = anychart.pie(data); chart.labels({fontColor: '#000000', position: 'outside', fontWeight: 'bold'}); chart.labels() chart.startAngle(-40); chart.tooltip().format('{%Value} Attack'); chart.labels().position('outside').format(" {%yPercentOfTotal}{decimalsCount:1}%"); // Set critical angle. chart.outsideLabelsCriticalAngle(160); chart.connectorStroke({color: "#595959", thickness: 2, solid:"2 2"}); var title = chart.title(); title.enabled(true); title.align("left"); title.text('Percentage of Attacks By According to Geographical Area'+' From 10 Aug 2018 - 31 Aug 2019 '); chart.title().useHtml(true); chart.startAngle(200); // Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); chart.minHeight('100%'); chart.maxHeight('100%'); chart.minWidth('100%'); chart.maxWidth('100%'); chart.height('100%'); // set points grouping settings chart.background({fill: "#dbdbdb 3.5"}); chart.legend(false); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"]; // delete about and separator delete items["full-screen-separator"]; delete items["about"]; // return modified array return items; }); var outline = chart.outline(); outline.width('3px'); // set container id for the chart chart.container('pie2'); // initiate chart drawing chart.draw(); }); @media (min-width: 1025px) and (max-width: 1280px) { #col4{ max-width:100% } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #col4{ max-width:100% } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #col4{ max-width:100% } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { #col4{ max-width:100% } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { #col4{ max-width:100% } } anychart.onDocumentReady(function() { // create a data set var data = anychart.data.set([ ["August 2018", 17, 4,"#4472C4", "#A5A5A5", null, {enabled: true}], ["September 2018", 7, 2,"#4472C4", "#A5A5A5", null, {enabled: true}], ["October 2018", 1, 6,"#4472C4", "#A5A5A5", null, {enabled: true}], ["November 2018",1, 4,"#4472C4", "#A5A5A5", null, {enabled: true}], ["December 2018", 7, 4,"#4472C4", "#A5A5A5", null, {enabled: true}], ["January 2019", 3, 2,"#4472C4", "#A5A5A5", null, {enabled: true}], ["February 2019", 7, 5,"#4472C4", "#A5A5A5", null, {enabled: true}], ["March 2019", 3, 5,"#4472C4", "#A5A5A5", null, {enabled: true}], ["April 2019", 4, 5,"#4472C4", "#A5A5A5", null, {enabled: true}], ["May 2019", 9, 31,"#4472C4", "#A5A5A5", null, {enabled: true}], ["June 2019", 7, 14,"#4472C4", "#A5A5A5", null, {enabled: true}], ["July 2019", 14, 43,"#4472C4", "#A5A5A5", null, {enabled: true}], ["August 2019", 6, 28,"#4472C4", "#A5A5A5", null, {enabled: true}], ]); // map the data var seriesData_1 = data.mapAs({x: [0], value: [1], fill: [3], stroke: [5], label: [6]}); var seriesData_2 = data.mapAs({x: [0], value: [2], fill: [4], stroke: [5], label: [6]}); // create a chart var chart = anychart.column(); // create the first series, set the data and name var series1 = chart.column(seriesData_1); series1.name("Killed"); series1.fill("#4472C4"); series1.labels().fontWeight('bold').fontColor('black'); // create the second series, set the data and name var series2 = chart.column(seriesData_2); series2.name("Wounded"); series2.fill("#A5A5A5"); series2.labels().fontWeight('bold').fontColor('black'); // set the chart title var title = chart.title(); title.enabled(true); title.align("left"); title.text('Killed & Wounded ın Attacks (Monthly)'+' 10 Aug 2018 - 31 Aug 2019 '); chart.title().useHtml(true); title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); // set the titles of the axes var xAxis = chart.xAxis(); var yAxis = chart.yAxis(); chart.legend(true); chart.legend().fontColor('black').fontWeight('bold'); chart.xAxis().labels().rotation(-90).fontWeight('bold').fontColor('black'); chart.yAxis(0).labels().fontWeight('bold').fontColor('black'); chart.yMinorGrid().enabled(true); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"]; // delete about and separator delete items["full-screen-separator"]; delete items["about"]; // return modified array return items; }); var yScale = chart.yScale(); yScale.minimum(0); yScale.maximum(50); yScale.ticks().interval(5); yScale.minorTicks().interval(10); // set the container id chart.container("col4"); // initiate drawing the chart chart.draw(); });

Attacks in South-West Syria: August 2018 – August 2019

Related Posts

Map: Protest Density in South Syria (16 Aug-11 Sept)

STUDY: Changes Within South Syria’s Drug Network – September 2023

Syria Military Brief: South Syria – August 2023

Syria Military Brief: North-East Syria – August 2023

Military Control Across Syria - 1st October 2019