mahir · December 19, 2015 17:29
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 body {
  font: 12px sans-serif;
  padding: 2px;
 }

 .axis path,
 .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
 }

 .x.axis path {
  display: none;
 }

 .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
 }

 </style>
 <body>
 <script src="http://d3js.org/d3.v3.js"></script>
 <script>

 var margin = {top: 20, right: 80, bottom: 30, left: 150},
    width = 1440 - margin.left - margin.right,
    height = 750 - margin.top - margin.bottom;

 var parseDate = d3.time.format("%d%m%Y").parse;

 var x = d3.time.scale()
    .range([0, width]);

 var y = d3.scale.linear()
    .range([height, 0]);

 var color = d3.scale.category10();

 var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom");

 var yAxis = d3.svg.axis()
    .scale(y)
    .orient("left");

 var line = d3.svg.line()
    .interpolate("basis")
    .x(function(d) { return x(d.Week); })
    .y(function(d) { return y(d.tiraj); });

 var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

  d3.tsv("tiraj.txt", function(error, data) {
  color.domain(d3.keys(data[0]).filter(function(key) { return key !== "Week"; }));
    

  data.forEach(function(d) {
    d.Week = parseDate(d.Week);
  });

  var cities = color.domain().map(function(name) {
    return {
      name: name,
      values: data.map(function(d) {
        return {Week: d.Week, tiraj: +d[name]};
      })
    };
  });

  x.domain(d3.extent(data, function(d) { return d.Week; }));

  y.domain([
    d3.min(cities, function(c) { return d3.min(c.values, function(v) { return v.tiraj; }); }),
    d3.max(cities, function(c) { return d3.max(c.values, function(v) { return v.tiraj; }); })
  ]);

  svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis);

  svg.append("g")
      .attr("class", "y axis")
      .call(yAxis)
    .append("text")
      .attr("transform", "rotate(-90)")
      .attr("y", 6)
      .attr("dy", ".71em")
      .style("text-anchor", "end")
      .text("Tiraj");

  var gazete = svg.selectAll(".gazete")
      .data(cities)
    .enter().append("g")
      .attr("class", "gazete");

  gazete.append("path")
      .attr("class", "line")
      .attr("d", function(d) { return line(d.values); })
      .style("stroke", function(d) { return color(d.name); });

  gazete.append("text")
      .datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
      .attr("transform", function(d) { return "translate(" + x(d.value.Week) + "," + y(d.value.tiraj) + ")"; })
      .attr("x", 3)
      .attr("dy", ".35em")
      .text(function(d) { return d.name; });
 });

 </script>
diff --git a/tiraj.txt b/tiraj.txt
 Week  AKSAM	AYDINLIK	BUGUN	BIRGUN	CUMHURIYET	EVRENSEL	HABERTURK	HURRIYET	MILLIYET	POSTA	RADIKAL	SABAH	SOLGAZETESI	STAR	SOZCU	TAKVIM	TARAF	TURKIYE	VATAN	YENI-AKIT	YENI-SAFAK	YURT	ZAMAN
 01072013	100951	69405	96743	10338	56234	5656	188218	401902	162783	429912	25330	315680	18794	125993	369074	110844	72710	182243	122363	55469	115297	63869	1002892	
 24062013	100061	65870	99747	10491	57679	6190	189839	399666	164624	422060	25324	314937	19159	126930	363057	111249	72393	181801	123382	60270	114900	63316	1038439	
 17062013	102323	67328	100464	10408	60385	6150	193367	397920	167112	438875	25949	317737	18955	128286	369952	112665	72996	181835	124860	55506	116024	63987	1041760	
 10062013	102335	74182	99601	11106	61686	6457	197255	398086	171473	435598	25916	311497	18513	128010	372847	110924	72487	181627	131100	55129	114677	63583	1045497
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	font: 12px sans-serif;
	padding: 2px;
	}

	.axis path,
	.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
	}

	.x.axis path {
	display: none;
	}

	.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
	}

	</style>
	<body>
	<script src="http://d3js.org/d3.v3.js"></script>
	<script>

	var margin = {top: 20, right: 80, bottom: 30, left: 150},
	width = 1440 - margin.left - margin.right,
	height = 750 - margin.top - margin.bottom;

	var parseDate = d3.time.format("%d%m%Y").parse;

	var x = d3.time.scale()
	.range([0, width]);

	var y = d3.scale.linear()
	.range([height, 0]);

	var color = d3.scale.category10();

	var xAxis = d3.svg.axis()
	.scale(x)
	.orient("bottom");

	var yAxis = d3.svg.axis()
	.scale(y)
	.orient("left");

	var line = d3.svg.line()
	.interpolate("basis")
	.x(function(d) { return x(d.Week); })
	.y(function(d) { return y(d.tiraj); });

	var svg = d3.select("body").append("svg")
	.attr("width", width + margin.left + margin.right)
	.attr("height", height + margin.top + margin.bottom)
	.append("g")
	.attr("transform", "translate(" + margin.left + "," + margin.top + ")");

	d3.tsv("tiraj.txt", function(error, data) {
	color.domain(d3.keys(data[0]).filter(function(key) { return key !== "Week"; }));


	data.forEach(function(d) {
	d.Week = parseDate(d.Week);
	});

	var cities = color.domain().map(function(name) {
	return {
	name: name,
	values: data.map(function(d) {
	return {Week: d.Week, tiraj: +d[name]};
	})
	};
	});

	x.domain(d3.extent(data, function(d) { return d.Week; }));

	y.domain([
	d3.min(cities, function(c) { return d3.min(c.values, function(v) { return v.tiraj; }); }),
	d3.max(cities, function(c) { return d3.max(c.values, function(v) { return v.tiraj; }); })
	]);

	svg.append("g")
	.attr("class", "x axis")
	.attr("transform", "translate(0," + height + ")")
	.call(xAxis);

	svg.append("g")
	.attr("class", "y axis")
	.call(yAxis)
	.append("text")
	.attr("transform", "rotate(-90)")
	.attr("y", 6)
	.attr("dy", ".71em")
	.style("text-anchor", "end")
	.text("Tiraj");

	var gazete = svg.selectAll(".gazete")
	.data(cities)
	.enter().append("g")
	.attr("class", "gazete");

	gazete.append("path")
	.attr("class", "line")
	.attr("d", function(d) { return line(d.values); })
	.style("stroke", function(d) { return color(d.name); });

	gazete.append("text")
	.datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
	.attr("transform", function(d) { return "translate(" + x(d.value.Week) + "," + y(d.value.tiraj) + ")"; })
	.attr("x", 3)
	.attr("dy", ".35em")
	.text(function(d) { return d.name; });
	});

	</script>
	Week AKSAM AYDINLIK BUGUN BIRGUN CUMHURIYET EVRENSEL HABERTURK HURRIYET MILLIYET POSTA RADIKAL SABAH SOLGAZETESI STAR SOZCU TAKVIM TARAF TURKIYE VATAN YENI-AKIT YENI-SAFAK YURT ZAMAN
	01072013 100951 69405 96743 10338 56234 5656 188218 401902 162783 429912 25330 315680 18794 125993 369074 110844 72710 182243 122363 55469 115297 63869 1002892
	24062013 100061 65870 99747 10491 57679 6190 189839 399666 164624 422060 25324 314937 19159 126930 363057 111249 72393 181801 123382 60270 114900 63316 1038439
	17062013 102323 67328 100464 10408 60385 6150 193367 397920 167112 438875 25949 317737 18955 128286 369952 112665 72996 181835 124860 55506 116024 63987 1041760
	10062013 102335 74182 99601 11106 61686 6457 197255 398086 171473 435598 25916 311497 18513 128010 372847 110924 72487 181627 131100 55129 114677 63583 1045497