2b:null 2c:["$","title",null,{"children":"Obsession with hero worship linked to higher suicide cases among people in Tamil Nadu, India | Harshit Gajjar | Observable"}] 31:T1946,## Made-up Insights (Hypothesis) * Maharashtra, a state in India with a significant number of people engaged in farming, experiences a higher incidence of farmer suicides due to crop failures and inability to repay debts. Additionally, the state's abundance of academic institutions is associated with a higher number of student suicides. As a result, Maharashtra is expected to have one of the highest suicide rates in the country. * **Considerations** * I will need enough data of all the suicide cases in India from 2001 to 2012. * I need to iterate all the records and group all the suicides by state. * In terms of the idiom (visualization), I would need to display the summation of all suicides by each state. Plotting a bar chart of State and summation of suicides across years will help me determine the number of suicide cases in each state. * There is a high level of movie and starcast obsession among people in the Indian state of Andhra Pradesh, particularly among the youth. This obsession has resulted in several cases of suicide. Compared to other states in India, Andhra Pradesh has a higher number of suicide cases related to idol worship of movie stars. [**Selected**] * **Considerations** * I will need enough data of all the suicide cases in India from 2001 to 2012. * I need to iterate all the records and group all the suicides by state. * In terms of the idiom (visualization), I would need to display the summation of all suicides by each state and across different age categories for a given cause of suicide. Plotting a Heatmap will help me determine the number of suicide cases in each state, for a given cause and across different age groups. It will also let me compare trends and patterns in suicides seen in India. ## Target Audience * Researchers: Researchers who study suicide may use analysis to better understand risk factors, prevention strategies, and trends in suicide rates. * Mental health professionals: Mental health professionals, such as psychiatrists, psychologists, social workers, and counselors, may use analysis to improve their understanding of suicide and to develop more effective treatments. * Advocacy organizations: Advocacy organizations focused on suicide prevention, such as the American Foundation for Suicide Prevention or Suicide Prevention Australia, may use analysis to understand the needs and experiences of people at risk of suicide and to develop and promote effective prevention strategies. * Government of India: Central government may use analysis to monitor suicide rates and trends and to develop public health policies and interventions aimed at reducing suicide rates. ## Data Abstraction (What) * **Dataset type:** Table * **Attributes used:** * Gender * Attribute Type - Categorical * Age_group * Attribute type - Ordinal * State * Attribute type - Categorical * Suicide Cause * Attribute type - Categorical * **Derived Attributes:** A attributed named "Number of Suicides" which is summation of total suicide cases for a given cause of suicide, for each state and across various age groups. * Attribute Type - Quantitative * Orientation - Sequential * **Availability:** Static * **Time frame of Data:** 2001 - 2012 * **Data Source:** [Suicides in India](https://www.kaggle.com/datasets/rajanand/suicides-in-india) ## Task Abstraction (Why) To confirm if my selected insights is true we will examine the dataset with the help of the following tasks. * T1: Compare the suicide cases across different states where death by suicide is due to hero worshipping **[Compare, Feature]** * T2: Identify the Indian state with highest cases of suicide due to idol worshipping. **[Identify, Outliers]** * T3: Identify the Age Group with highest cases of suicide due to idol worshipping. **[Identify, Outliers]** * T4: Compare the Gender with highest cases of suicide due to idol worshipping. **[Compare, Feature]** ## Marks and Channels (How) * **Marks:** Area * **Channel:** * Color Saturation: To identify total suicide cases in the Indian States for a given gender, suicide cause across different age groups. * Attribute: Number of suicide cases * Task: T1 * Using **express** * **Expressiveness principle** - "Number of Suicides" is a quantitative attribute so it is represented with color saturation * **Effectiveness principle** - The best way to see trends and patterns in number of suicide cases across different states and age group for a given cause of suicide both for males and females is to use color saturation in a Heatmap. The heatmap will help us analyze the patterns in suicide cases. The saturation of color implies higher or smaller count. Darker color here denotes that number of suicide cases are high and light color denotes that number of suicide cases are low. The color saturation at a glance help us see the trends and patterns in suicide cases in Indian states. * Horizontal Position (x-axis): To show different age groups. * Attribute: Age_group * Task: T3 * Using Separate, Order, Align * **Expressiveness & Effectiveness display** - It is an ordinal attribute but on the x-axis. There are multiple age-groups which needs to be shown. so we use position to display it, making it the most effective and expressive * Vertical Position (y-axis): To show different states and union territories in India. * Attribute: State * Task: T2 * Using **Separate and align** * **Expressiveness & Effectivenessprinciple** - There are too many states and union territories, so the position is the most expressive and effective best to distinguish them. ## Actual Insights * Compared to other states in India, Tamil Nadu recorded a greater number of suicides related to hero worship among individuals aged 15-44. Within this age group, females aged 15-29 and males aged 30-44 had a higher incidence of suicides associated with hero worship. * In comparison to other states in India, West Bengal had a higher prevalence of suicides linked to "Failure in Examination" as cause of death among both males and females in the age groups of 0-14 and 15-29. * Compared to other states in India, Maharashtra had a higher number of suicides among males across all age groups associated with drug abuse or addiction. However, the incidence of suicides related to the same cause among females was much lower in Maharashtra as well as across the country.32:Teff,function HeatMap(data, xLabel) { const height = 750; const marginLeft = 175; const marginTop = 40; const rotation = 300; const width = 600; const svg = d3 .select(DOM.svg(width, height)) .attr("viewBox", `-${marginLeft} -${marginTop} ${width} ${height}`); const tooltip = html``; const container = html`

${tooltip} ${svg.node()}

`; const x = d3 .scaleBand() .domain(Array.from(new Set(data.map((d) => d.age))).sort()) .range([0, width - margin.left - margin.right]); // const xAxis = d3.axisTop(x); svg .append("g") .call(d3.axisTop(x)) .call((axis) => axis .append("text") .text(xLabel) .style("fill", "black") .style("font-weight", "800") .style("font-size", "10pt") .style("text-anchor", "middle") .style("position", "absolute") .attr( "transform", `translate( ${(width - margin.left - margin.right) / 2}, ${-30})` ) ); const y = d3 .scaleBand() .domain(Array.from(new Set(data.map((d) => d.state))).sort()) .range([0, height - 70]); const yAxis = d3.axisLeft(y); svg .append("g") .call(d3.axisLeft(y)) .call( (axis) => axis .append("text") .text("Indian States & Union Territory") .style("fill", "black") .style("font-weight", "800") .style("font-size", "10pt") .attr( "transform", `translate( ${-120}, ${height / 3}) rotate(${-90})` ) // .style("text-anchor", "end") ); //yaxis const color = d3 .scaleSequential(d3.interpolatePuRd) //interpolateRdYlBu .domain([ 0, d3.max([...male_states_data, ...female_states_data], (d) => d["count"]) ]); //d3.max(data, (d) => d["count"]) const div = d3.select(container).append("div").classed("tooltip", true); const mouseover = (d) => { console.log("does this work?", tooltip); tooltip.style("opacity", 1); }; const mousemove = function (d) { tooltip.html("The exact value of
this cell is: "); // .style("left", d3.mouse(this)[0] + 70 + "px") // .style("top", d3.mouse(this)[1] + "px"); }; function tooltipContents(datum) { const { x, y } = datum; return `x: ${x}, y: ${y}`; } const tip = svg .selectAll("rect") .data(data) .enter() .append("rect") .attr("x", (d) => x(d.age)) .attr("y", (d) => y(d.state)) .attr("width", x.bandwidth()) .attr("height", y.bandwidth()) .attr("fill", (d) => color(d.count)) .call((rect) => rect.append("title").text((d) => `count : ${d?.count}`)); // .on("click", (evt, d) => { // mutable obj = d; // console.log(d); // }); // .on("mouseover", async function (evt, d) { // const [x, y] = d3.pointer(evt); // d3.select(tooltip) // .style("display", "block") // .style("top", `${y}px`) // .style("left", `${x}px`); // tooltip.innerHTML =""; // tooltip.appendChild(htl.html`

${ // d.age // }

I'm fancy like this ${d.count} // ${await vl // .markBar() // .encode(vl.y().fieldN("age"), vl.x().fieldQ("count")) // .data(data.filter(e => e.state === d.state )) // .render()} //

`); // return tooltip.style("visibility", "visible"); // }) // .on("mouseout", () => { // // hide the tooltip // }) // .on("mousemove", (event) => { // // move the tooltip, // // passing the native browser event // }); return svg.node(); //container }33:T8c4,{ const height = 450; const width = 1100; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - margin.right - margin.left; const copyarr = [...final_causes_data]; const gender = gender_selection === "Both" ? "count" : gender_selection.toLocaleLowerCase(); const final_arr = sortArrayDescending(copyarr, gender).splice(0).slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${210}, ${margin.top})`); // create a grouping const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d["count"])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(0, ${height - margin.top - margin.bottom})`); function addBars(val, color) { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d[val])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", color) .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } if (gender_selection === "Male" || gender_selection === "Female") { addBars( gender_selection.toLowerCase(), gender_selection === "Male" ? mcolor : fcolor ); } else { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["male"])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["female"])) .attr("height", 25) .attr("x", (d) => x(d["male"])) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "firebrick") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } return svg.node(); }34:T8ca,{ const height = 450; const width = 1100; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - margin.right - margin.left; const copyarr = [...final_method_data]; const gender = gender_selection === "Both" ? "count" : gender_selection.toLocaleLowerCase(); const final_arr = sortArrayDescending(copyarr, gender).splice(0).slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${200}, ${margin.top})`); // create a grouping const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d["count"])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(0, ${height - margin.top - margin.bottom})`); function addBars(val, color) { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d[val])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", color) .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } if (gender_selection === "Male" || gender_selection === "Female") { addBars( gender_selection.toLowerCase(), gender_selection === "Male" ? mcolor : fcolor ); } else { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["male"])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["female"])) .attr("height", 25) .attr("x", (d) => x(d["male"])) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "firebrick") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } return svg.node(); }35:T8c4,{ const height = 250; const width = 1100; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - margin.right - margin.left; const copyarr = [...final_social_data]; const gender = gender_selection === "Both" ? "count" : gender_selection.toLocaleLowerCase(); const final_arr = sortArrayDescending(copyarr, gender).splice(0).slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${100}, ${margin.top})`); // create a grouping const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d["count"])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(0, ${height - margin.top - margin.bottom})`); function addBars(val, color) { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d[val])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", color) .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } if (gender_selection === "Male" || gender_selection === "Female") { addBars( gender_selection.toLowerCase(), gender_selection === "Male" ? mcolor : fcolor ); } else { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["male"])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["female"])) .attr("height", 25) .attr("x", (d) => x(d["male"])) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "firebrick") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } return svg.node(); }36:T8c5,{ const height = 450; const width = 1100; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - margin.right - margin.left; const copyarr = [...final_profile_data]; const gender = gender_selection === "Both" ? "count" : gender_selection.toLocaleLowerCase(); const final_arr = sortArrayDescending(copyarr, gender).splice(0).slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${170}, ${margin.top})`); // create a grouping const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d["count"])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(0, ${height - margin.top - margin.bottom})`); function addBars(val, color) { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d[val])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", color) .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } if (gender_selection === "Male" || gender_selection === "Female") { addBars( gender_selection.toLowerCase(), gender_selection === "Male" ? mcolor : fcolor ); } else { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["male"])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["female"])) .attr("height", 25) .attr("x", (d) => x(d["male"])) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "firebrick") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } return svg.node(); }37:T995,function BarChart({ onClear = (evt, d) => { console.log("cleared", evt, d); } }) { const height = 370; const width = 900; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - 10 - 10; const copyarr = [...final_education_data]; const gender = gender_selection === "Both" ? "count" : gender_selection.toLocaleLowerCase(); const final_arr = sortArrayDescending(copyarr, gender).splice(0).slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${180}, ${margin.top})`); // create a grouping const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d[gender])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(0, ${height - margin.top - margin.bottom})`); function addBars(val, color) { const rows = g .selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d[val])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", color) .on("click", (evt, d) => { console.log(evt.target.__data__.cause); rows.attr("fill", (t) => (t.cause === d.cause ? "steelblue" : "#eee")); }); rows.selectAll(".row").remove(); } if (gender_selection === "Male" || gender_selection === "Female") { addBars( gender_selection.toLowerCase(), gender_selection === "Male" ? mcolor : fcolor ); } else { g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["male"])) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d["female"])) .attr("height", 25) .attr("x", (d) => x(d["male"])) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "firebrick") .on("click", (evt, d) => { console.log(evt.target.__data__.cause); }); } return svg.node(); }38:T4da,function Chart(data) { { const height = 450; const width = 1100; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const iwidth = width - margin.right - margin.left; const copyarr = [...data]; const final_arr = [...data] .splice(0) .slice(0, 10); const mcolor = "steelblue"; const fcolor = "firebrick"; const g = svg .append("g") .attr("transform", `translate(${200}, ${margin.top})`); const x = d3 .scaleLinear() .domain([0, d3.max(final_arr, (d) => d["count"])]) .range([0, width - margin.left - margin.right]) .nice(); const y = d3 .scaleBand() .domain(new Set(final_arr.map((f) => f.cause))) .range([0, height - margin.top - margin.bottom]); // making the axis g.append("g").call(d3.axisLeft(y)); g.append("g") .call(d3.axisBottom(x)) .attr( "transform", `translate(0, ${height - margin.top - margin.bottom})` ); g.selectAll(".row") .data(final_arr) .join("rect") .attr("width", (d) => x(d.count)) .attr("height", 25) .attr("y", (d, i) => i * 40 + 15) .attr("fill", "steelblue"); return svg.node(); } }39:[{"id":"c1b53ac1e1d434e7c9f15d58eb990985779713ffe9f600bf31544e63a15547599d76876f9d94048c5237e6be26b6f6315335eaacd57ab9309dc451b013d40f28","href":"https://static.observableusercontent.com/files/c1b53ac1e1d434e7c9f15d58eb990985779713ffe9f600bf31544e63a15547599d76876f9d94048c5237e6be26b6f6315335eaacd57ab9309dc451b013d40f28","name":"India_suicides@1.csv","type":"text/csv","lastModified":1680537721674.813,"size":15395707}] 2f:{"id":"7b963bd349f28b05","slug":null,"title":"Obsession with hero worship linked to higher suicide cases among people in Tamil Nadu, India","thumbnail":"15afc6d3ba89cf492ad15cedad84642294f1c63ca2eda2780614c735138996d3","access_level":"public","create_time":"$D2023-04-03T16:02:01.674Z","update_time":"$D2023-04-03T16:02:01.674Z","view_time":null,"first_public_time":"$D2023-04-03T16:02:01.674Z","has_unpublished_edits":null,"fork":{"id":"d1b8707a7aabc344","slug":"obsession-with-hero-worship-linked-to-higher-suicide-cases","title":"Obsession with hero worship linked to higher suicide cases among people in Tamil Nadu, India","owner":{"id":"666e343e9fc70af6","login":"hg24","name":"Harshit Gajjar"}},"stars":0,"starred":false,"owner":{"type":"team","id":"666e343e9fc70af6","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":"starter_2024"},"version":1518,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e2ba07857faed1b","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":null}],"members":[{"type":"individual","id":"5e2ba07857faed1b","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Obsession with hero worship linked to higher suicide cases among people in Tamil Nadu, India","cells":[{"id":0,"value":"# Obsession with hero worship linked to higher suicide cases among people in Tamil Nadu, India\nSpanning across years 2001 to 2012, for the age group of 15-44.\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1033,"value":"md`\nCreated by [Harshit Gajjar](https://observablehq.com/@5e2ba07857faed1b?tab=profile)
\nClass: [Data Visualization](https://johnguerra.co/classes/data_visualization_spring_2023/)
\nInstructor: [John Alexis Guerra Gomez](https://observablehq.com/@john-guerra)
\n[Youtube Video](https://youtu.be/hrA8TdHOtB8)
\n[Tweet](https://twitter.com/HarshitSFHusky/status/1628213135034425345)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"## Introduction\nSuicide is the act of intentionally taking one's own life, and it is a complex and serious issue that affects individuals, families, and communities worldwide. The causes of suicide are often complex and multifaceted, involving a range of individual, societal, and environmental factors. This notebook delves into suicide cases in India between 2001 and 2012, examining patterns and trends among different states, age groups, and causes of suicide..","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":687,"value":"viewof gender_option = Inputs.radio(\n [\"Individual(Males and Females)\", \"Combined\"],\n {\n label: \"Gender\",\n value: \"Individual(Males and Females)\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"viewof suicide_cause = Inputs.select(final_cause.sort(), {\n value: \"Ideological Causes/Hero Worshipping\",\n label: \"Suicide Cause\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":857,"value":"Legend(\n d3.scaleSequential(\n [\n 0,\n gender_option === \"Individual(male/Females)\"\n ? d3.max(\n [...male_states_data, ...female_states_data],\n (d) => d[\"count\"]\n )\n : d3.max(combined_gender_data, (d) => d[\"count\"])\n ],\n d3.interpolatePuRd\n ),\n {\n title: \"Suicide Counts\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":932,"value":"htl.html`\n

\n ${\n gender_option === \"Individual(Males and Females)\"\n ? maleFemaleHeatMap()\n : combinedHeatMap()\n }\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1054,"value":"$31","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1204,"value":"## Data Preprocessing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1209,"value":"### Importing file data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"suicide_data = FileAttachment(\"India_suicides@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1211,"value":"Inputs.table(suicide_data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1265,"value":"### Function to generate Heatmap","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":693,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1263,"value":"### Using d3 to group data based on State, Age group, Gender and count the number of suicide cases","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":511,"value":"required_data = d3.rollup(\n mutable cause_filter_arr,\n (v) => d3.sum(v, (d) => d.Total),\n (d) => d.State,\n // (d) => d.Type,\n (d) => d.Age_group,\n (d) => d.Gender\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1261,"value":"### Function to convert the Map into array of objects needed for the HeatMap","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":515,"value":"function generateDataFormat() {\n let male_arr = [];\n let female_arr = [];\n for (let [k, v] of required_data.entries()) {\n let obj = {};\n\n if (\n k !== \"TOTAL (ALL INDIA)\" &&\n k !== \"TOTAL (STATES)\" &&\n k !== \"TOTAL (UTs)\"\n ) {\n obj = {\n state: k\n };\n\n for (let [k1, v1] of v.entries()) {\n let obj2 = {};\n\n if (k1 !== \"0-100+\") {\n obj2 = {\n ...obj,\n age: k1\n };\n\n for (let [k2, v2] of v1.entries()) {\n let obj3 = {};\n obj3 = {\n ...obj2,\n gender: k2,\n count: v2\n };\n\n if (k2 === \"Male\") {\n male_arr.push(obj3);\n } else {\n female_arr.push(obj3);\n }\n }\n }\n }\n }\n }\n\n return { males: male_arr, females: female_arr };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"### To clean up data in reason of suicide","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1045,"value":"mutable final_cause = causes.filter(\n (c) => c !== \"Causes Not known\" && c !== \"Other Causes (Please Specity)\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"### generate data to get suicide count for all states across age group, including both genders","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1006,"value":"required_combined_data = d3.rollup(\n mutable cause_filter_arr,\n (v) => d3.sum(v, (d) => d.Total),\n (d) => d.State,\n // (d) => d.Type,\n (d) => d.Age_group\n // (d) => d.Gender\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1216,"value":"### Function to generate total suicide cases for each state across different age groups, males and females combined","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1012,"value":"function generateCombinedDataFormat() {\n let arr = [];\n for (let [k, v] of required_combined_data.entries()) {\n let obj = {};\n\n if (\n k !== \"TOTAL (ALL INDIA)\" &&\n k !== \"TOTAL (STATES)\" &&\n k !== \"TOTAL (UTs)\"\n ) {\n obj = {\n state: k\n };\n\n for (let [k1, v1] of v.entries()) {\n let obj2 = {};\n\n if (k1 !== \"0-100+\") {\n obj2 = {\n ...obj,\n age: k1,\n count: v1\n };\n\n arr.push(obj2);\n }\n }\n }\n }\n\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"### Store the combined array of total suicide cases for each state across different age groups, males and females combined","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1018,"value":"mutable combined_gender_data = generateCombinedDataFormat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1221,"value":"### Store the array of total suicide cases for each state across different age groups, females only","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":522,"value":"female_states_data = generateDataFormat().females.filter(\n (d) =>\n d.state !== \"TOTAL (ALL INDIA)\" &&\n d.state !== \"TOTAL (STATES)\" &&\n d.state !== \"TOTAL (UTs)\" &&\n // d.state !== \"Causes Not known\" &&\n // d.state !== \"Other Causes (Please Specity)\" &&\n d.age !== \"0-100+\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1500,"value":"### To create a margin object","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"margin = ({ left: 240, top: 20, right: 20, bottom: 20 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1226,"value":"### Store the array of total suicide cases for each state across different age groups, males only","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":700,"value":"male_states_data = generateDataFormat().males.filter(\n (d) =>\n d.state !== \"TOTAL (ALL INDIA)\" &&\n d.state !== \"TOTAL (STATES)\" &&\n d.state !== \"TOTAL (UTs)\" &&\n // d.state !== \"Causes Not known\" &&\n // d.state !== \"Other Causes (Please Specity)\" &&\n d.age !== \"0-100+\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"### To get the data based on the cause of suicide selected by user","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":927,"value":"mutable cause_filter_arr = [...suicide_data].filter(\n (d) => d.Type_code === \"Causes\" && d.Type === suicide_cause\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1232,"value":"### Function to generate heatmap for both males and females","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":942,"value":"function maleFemaleHeatMap() {\n return htl.html`

\n ${HeatMap(male_states_data, \"Age Group for Males\")}\n

\n ${HeatMap(female_states_data, \"Age Group for Females\")}\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1235,"value":"### Function to generate one heatmap combined for both males and females","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":950,"value":"function combinedHeatMap() {\n return htl.html`

\n\n ${HeatMap(\n mutable combined_gender_data,\n \"Age Group for Males and Females\"\n )}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1240,"value":"### Function To group the suicide data by different causes of suicide along with count","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":784,"value":"function getCausesData(data) {\n return d3.rollup(\n data,\n (v) => d3.sum(v, (d) => d.Total),\n (d) => d.Type\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1244,"value":"### Function to sort the array in descending order based on the param specified","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"function sortArrayDescending(arr, param) {\n return arr.sort((a, b) => {\n let x = a[param];\n let y = b[param];\n\n if (x > y) return -1;\n if (x < y) return 1;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1246,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":482,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1249,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1176,"value":"## Data Exolorations using bar charts in D3","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":152,"value":"viewof gender_selection = {\n return Inputs.radio([\"Male\", \"Female\", \"Both\"], {\n label: \"Gender\",\n value: \"Both\"\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"{\n const target = BarChart({\n onClear: (evt) => {\n // target.value = data;\n target.dispatchEvent(new Event(\"input\", { bubbles: true }));\n }\n });\n\n return target;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1180,"value":"### data preprocessing for exploration","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"map_population = new Map()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"map_cases = new Map()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"unique_values = new Set()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"function getData(type_code) {\n let unique_values = new Set();\n suicide_data.forEach((s) => {\n if (s.Type_code === type_code) {\n unique_values.add(s.Type);\n }\n });\n\n return unique_values;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"function getTypeCount(type_code) {\n let map = new Map();\n let males = new Map();\n let females = new Map();\n\n suicide_data.forEach((s) => {\n if (\n s.Type_code === type_code\n // &&\n // s.Type !== \"Causes Not known\" &&\n // s.Type !== \"Other Causes (Please Specity)\"\n ) {\n if (map.has(s.Type)) {\n map.set(s.Type, map.get(s.Type) + parseInt(s.Total));\n } else {\n map.set(s.Type, parseInt(s.Total));\n }\n\n if (s.Gender === \"Male\") {\n if (males.has(s.Type)) {\n males.set(s.Type, males.get(s.Type) + parseInt(s.Total));\n } else {\n males.set(s.Type, parseInt(s.Total));\n }\n } else {\n if (females.has(s.Type)) {\n females.set(s.Type, females.get(s.Type) + parseInt(s.Total));\n } else {\n females.set(s.Type, parseInt(s.Total));\n }\n }\n }\n });\n\n return {\n map,\n males,\n females\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"function mapToArray(obj) {\n let arr = [];\n\n for (let [key, value] of obj.map.entries()) {\n arr.push({\n cause: key,\n male: obj.males.get(key),\n female: obj.females.get(key),\n count: value\n });\n }\n\n return arr;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"social_status = Array.from(getData(\"Social_Status\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"professional_profile = Array.from(getData(\"Professional_Profile\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"means_adopted = Array.from(getData(\"Means_adopted\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"final_causes_data = mapToArray(causes_d)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"final_profile_data = mapToArray(getTypeCount(\"Professional_Profile\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"final_method_data = mapToArray(getTypeCount(\"Means_adopted\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"final_education_data = mapToArray(getTypeCount(\"Education_Status\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"final_social_data = mapToArray(getTypeCount(\"Social_Status\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"education_level = Array.from(getData(\"Education_Status\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"causes = Array.from(getData(\"Causes\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":762,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":788,"value":"mutable cause_state_data = sortArrayDescending(\n convertBarData(\n getCausesData(\n suicide_data.filter(\n (d) =>\n d.State === obj.state &&\n d.Age_group === obj.age &&\n d.Gender === obj.gender &&\n d.Type_code === \"Professional_Profile\"\n )\n )\n ),\n \"count\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":805,"value":"function convertBarData(data) {\n let arr = [];\n for (let [k, v] of data.entries()) {\n arr.push({\n cause: k,\n count: v\n });\n }\n\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"causes_d = getTypeCount(\"Causes\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 30:"$2f:body"