


function canvas_03() {

	workingyears = groupToDictionary("design_work_years");

	workingyears = initializeWith(workingyears, [0, false]);


	gender = groupToDictionary("gender");

	gender = initializeWith(gender, [0, false]);


	line = {
		"node_1": workingyears,
		"node_2": gender
	}

	function nextProfile(node, entry) {
		n = node[entry][0];
		
		node[entry][0] = Math.abs(node[entry][0]) + 1;
		//node_1[node][1] = !node_1[node][1];

		if (node[entry][1]) {
			//node_1[node][0] = 0-node_1[node][0];
		}



		return n / 20;
	}


	designer_profile = [];


	

	for (var i = 0; i < db.length / 2; i++) {
		index = randomInterval(0, i);
		if (Math.random()>0.5) {
			index += i;
		}

		designer_profile[i] = db[i];
	}

	canvas2 = d3.select("#canvas3").append("svg")
	.attr("class", "graph")
	.attr("id", "salary");

	size = 300;

	salary_line = canvas2.append("g")
	.attr("height", 600);

	salary_line.selectAll("line")
	.data(designer_profile)
	.enter()
	.append("line")
	.style("stroke", "rgb(0 0 0 / 25%)")
	.attr("y1", 0)
	.attr("y2", 300)
	.attr("x1", function (d, i) {
		inc = 0;
		if (d != undefined) {

			for (var j = 0; j < Object.keys(node_1).length; j++) {
				if (designer_profile[i].design_work_years == Object.keys(node_1)[j]) {
					inc = (150*j) + nextProfile(node_1, Object.keys(node_1)[j]);
				}
			}
		}
		return inc;
	})
	.attr("x2", function (d, i) {
		inc = 0;
		if (d != undefined) {

			for (var j = 0; j < Object.keys(node_2).length; j++) {
				if (designer_profile[i]["gender"] == node_2[j]) {
					inc = (150*j) + nextProfile(node_2, Object.keys(node_2)[j]);
				}
			}
		}
		return inc;
	});

	

	
}