diff --git a/codepot/src/codepot/controllers/Makefile.am b/codepot/src/codepot/controllers/Makefile.am
index 10fc19e1..0c4fb50a 100644
--- a/codepot/src/codepot/controllers/Makefile.am
+++ b/codepot/src/codepot/controllers/Makefile.am
@@ -3,6 +3,7 @@ www_DATA =  \
 	api.php \
 	code.php \
 	file.php \
+	graph.php \
 	index.html \
 	issue.php \
 	main.php \
diff --git a/codepot/src/codepot/controllers/Makefile.in b/codepot/src/codepot/controllers/Makefile.in
index 81c7bd29..789a2ea5 100644
--- a/codepot/src/codepot/controllers/Makefile.in
+++ b/codepot/src/codepot/controllers/Makefile.in
@@ -198,6 +198,7 @@ www_DATA = \
 	api.php \
 	code.php \
 	file.php \
+	graph.php \
 	index.html \
 	issue.php \
 	main.php \
diff --git a/codepot/src/codepot/controllers/code.php b/codepot/src/codepot/controllers/code.php
index 598cc308..b7a7f7d3 100644
--- a/codepot/src/codepot/controllers/code.php
+++ b/codepot/src/codepot/controllers/code.php
@@ -49,7 +49,7 @@ class Code extends Controller
 		{
 			$data['message'] = 'DATABASE ERROR';
 			$this->load->view ($this->VIEW_ERROR, $data);
-                }
+		}
 		else if ($project === NULL)
 		{
 			$data['message'] = 
diff --git a/codepot/src/codepot/controllers/graph.php b/codepot/src/codepot/controllers/graph.php
new file mode 100644
index 00000000..828acc52
--- /dev/null
+++ b/codepot/src/codepot/controllers/graph.php
@@ -0,0 +1,115 @@
+<?php
+
+class Graph extends Controller
+{
+	var $VIEW_ERROR = 'error';
+	var $VIEW_MAIN = 'graph_main';
+
+	function Graph ()
+	{
+		parent::Controller ();
+		$this->load->helper ('url');
+		$this->load->helper ('form');
+		$this->load->library ('Converter', 'converter');
+		$this->load->model (CODEPOT_LOGIN_MODEL, 'login');
+
+		$this->load->library ('Language', 'lang');
+		$this->lang->load ('common', CODEPOT_LANG); 
+		$this->lang->load ('code', CODEPOT_LANG); 
+	}
+
+	function home ($projectid = '')
+	{
+		return $this->main ($projectid);
+	}
+
+	function _normalize_path ($path)
+	{
+		$path = preg_replace('/[\/]+/', '/', $path);
+		if ($path == '/') $path = '';
+		return $path;
+	}
+
+	function main ($projectid = '')
+	{
+		$this->load->model ('ProjectModel', 'projects');
+		$this->load->model ('SubversionModel', 'subversion');
+
+		$login = $this->login->getUser ();
+		if (CODEPOT_SIGNIN_COMPULSORY && $login['id'] == '')
+			redirect ("main/signin/" . $this->converter->AsciiTohex(current_url()));
+		$data['login'] = $login;
+
+		//$path = $this->converter->HexToAscii ($path);
+		//if ($path == '.') $path = ''; /* treat a period specially */
+		//$path = $this->_normalize_path ($path);
+
+		$project = $this->projects->get ($projectid);
+		if ($project === FALSE)
+		{
+			$data['message'] = 'DATABASE ERROR';
+			$this->load->view ($this->VIEW_ERROR, $data);
+		}
+		else if ($project === NULL)
+		{
+			$data['message'] = 
+				$this->lang->line('MSG_NO_SUCH_PROJECT') . 
+				" - {$projectid}";
+			$this->load->view ($this->VIEW_ERROR, $data);
+		}
+		else
+		{
+			if ($project->public !== 'Y' && $login['id'] == '')
+			{
+				// non-public projects require sign-in.
+				redirect ("main/signin/" . $this->converter->AsciiTohex(current_url()));
+			}
+
+			$data['project'] = $project;
+			$this->load->view ($this->VIEW_MAIN, $data);
+		}
+	}
+
+	function history_json ($projectid = '', $path = '', $rev = SVN_REVISION_HEAD)
+	{
+		$this->load->model ('ProjectModel', 'projects');
+
+		$login = $this->login->getUser ();
+		if (CODEPOT_SIGNIN_COMPULSORY && $login['id'] == '')
+		{
+			header($_SERVER['SERVER_PROTOCOL'].' 404 Not Found'); 
+			return;
+		}
+
+		$project = $this->projects->get ($projectid);
+		if ($project === FALSE || ($project->public !== 'Y' && $login['id'] == ''))
+		{
+			header($_SERVER['SERVER_PROTOCOL'].' 404 Not Found'); 
+			return;
+		}
+
+		$this->load->model ('SubversionModel', 'subversion');
+
+		$path = $this->converter->HexToAscii ($path);
+		if ($path == '.') $path = ''; /* treat a period specially */
+		$path = $this->_normalize_path ($path);
+
+		$file = $this->subversion->getHistory ($projectid, $path, SVN_REVISION_HEAD);
+		if ($file === FALSE)
+		{
+			$history = array();
+		}
+		else
+		{
+			$history = $file['history'];
+			$count = count($history);
+			for ($i = 0; $i < $count; $i++)
+			{
+				unset ($history[$i]['msg']);
+				unset ($history[$i]['paths']);
+			}
+		}
+
+		print codepot_json_encode ($history);
+	}
+}
diff --git a/codepot/src/codepot/language/english/common_lang.php b/codepot/src/codepot/language/english/common_lang.php
index 2e9b4d98..37fd38f8 100644
--- a/codepot/src/codepot/language/english/common_lang.php
+++ b/codepot/src/codepot/language/english/common_lang.php
@@ -31,6 +31,8 @@ $lang['Files'] = 'Files';
 $lang['First'] = 'First';
 $lang['Folder'] = 'Folder';
 $lang['Full Difference'] = 'FullDiff';
+$lang['Graph'] = 'Graph';
+$lang['Graphs'] = 'Graphs';
 $lang['Head revision'] = 'Head revision';
 $lang['Hide details'] = 'Hide details';
 $lang['History'] = 'History';
diff --git a/codepot/src/codepot/language/indonesian/common_lang.php b/codepot/src/codepot/language/indonesian/common_lang.php
index c8922e09..385d9190 100644
--- a/codepot/src/codepot/language/indonesian/common_lang.php
+++ b/codepot/src/codepot/language/indonesian/common_lang.php
@@ -29,6 +29,8 @@ $lang['Files'] = 'File';
 $lang['First'] = 'Pertama';
 $lang['Folder'] = 'Folder';
 $lang['Full Difference'] = 'FullDiff';
+$lang['Graph'] = 'Graph';
+$lang['Graphs'] = 'Graphs';
 $lang['Head revision'] = 'Kepala revisi';
 $lang['History'] = 'Sejarah';
 $lang['Home'] = 'Beranda';
diff --git a/codepot/src/codepot/language/korean/common_lang.php b/codepot/src/codepot/language/korean/common_lang.php
index 1cfbd9aa..bc7fb962 100644
--- a/codepot/src/codepot/language/korean/common_lang.php
+++ b/codepot/src/codepot/language/korean/common_lang.php
@@ -31,6 +31,8 @@ $lang['Files'] = '파일';
 $lang['First'] = '처음';
 $lang['Folder'] = '폴더';
 $lang['Full Difference'] = '전체차이';
+$lang['Graph'] = '그래프';
+$lang['Graphs'] = '그래프';
 $lang['Head revision'] = '최신리비전';
 $lang['Hide details'] = '상세내역숨김';
 $lang['History'] = '변경기록';
diff --git a/codepot/src/codepot/views/Makefile.am b/codepot/src/codepot/views/Makefile.am
index 588c7da8..b112d08a 100644
--- a/codepot/src/codepot/views/Makefile.am
+++ b/codepot/src/codepot/views/Makefile.am
@@ -13,6 +13,7 @@ www_DATA =  \
 	file_home.php \
 	file_show.php \
 	footer.php \
+	graph_main.php \
 	index.html \
 	issue_delete.php \
 	issue_edit.php \
diff --git a/codepot/src/codepot/views/Makefile.in b/codepot/src/codepot/views/Makefile.in
index 73e722e1..1625f9d5 100644
--- a/codepot/src/codepot/views/Makefile.in
+++ b/codepot/src/codepot/views/Makefile.in
@@ -208,6 +208,7 @@ www_DATA = \
 	file_home.php \
 	file_show.php \
 	footer.php \
+	graph_main.php \
 	index.html \
 	issue_delete.php \
 	issue_edit.php \
diff --git a/codepot/src/codepot/views/graph_main.php b/codepot/src/codepot/views/graph_main.php
new file mode 100644
index 00000000..db04f329
--- /dev/null
+++ b/codepot/src/codepot/views/graph_main.php
@@ -0,0 +1,408 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta name="keywords" content="<?=$project->id?>" />
+<meta name="description" content="<?=htmlspecialchars($project->summary)?>" />
+
+<link type="text/css" rel="stylesheet" href="<?=base_url_make('/css/common.css')?>" />
+<link type="text/css" rel="stylesheet" href="<?=base_url_make('/css/project.css')?>" />
+
+<script type="text/javascript" src="<?=base_url_make('/js/creole.js')?>"></script>
+
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/prettify.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-css.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-lisp.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-lua.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-sql.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-vb.js')?>"></script>
+
+<script type="text/javascript" src="<?=base_url_make('/js/jquery.min.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/jquery-ui.min.js')?>"></script>
+
+<script type="text/javascript" src="<?=base_url_make('/js/Chart.js')?>"></script>
+
+<script type="text/javascript">
+function show_commits_per_month_graph(log)
+{
+	var min_date = '9999-99', max_date = '0000-00';
+	var commits_per_month = [], commits_per_month_keys = [], commits_per_month_values = [];
+	var committers_per_month = [], committers_per_month_values = [], committer_list_per_month = [];
+	var commits_per_month_count = 0;
+	for (var i = 0; i < log.length; i++)
+	{
+		var date = log[i].date;
+		if (date)
+		{
+			date = date.substring (0, 7);
+			if (date in commits_per_month) commits_per_month[date]++;
+			else commits_per_month[date] = 1;
+
+			// TODO: calculate committers...
+			if (log[i].author)
+			{
+				committer_list_per_month[date + '-' + log[i].author] = 1;
+			}
+
+			if (date < min_date) min_date = date;
+			if (date > max_date) max_date = date;
+
+			commits_per_month_count++;
+		}
+	}
+
+	//if (Object.keys(commits_per_month).length <= 0)
+	if (commits_per_month_count <= 0)
+	{
+		// no data to show
+		return;
+	}
+
+	for (var key in committer_list_per_month)
+	{
+		date = key.substring (0, 7);
+		if (date in committers_per_month) committers_per_month[date]++;
+		else committers_per_month[date] = 1;
+	}
+
+	var year, month, min_year, max_year, min_month, max_month;
+
+	min_year = parseInt(min_date.substring (0, 4), 10);
+	min_month = parseInt(min_date.substring (5), 10);
+	max_year = parseInt(max_date.substring (0, 4), 10);
+	max_month = parseInt(max_date.substring (5), 10);
+
+	// fill empty data points
+	if (min_year == max_year && min_month == max_month)
+	{
+		// only 1 data point if this condition is met 
+		// insert a fake data point to make at least 2 data points
+		if (min_month <= 1)
+		{
+			min_year--;
+			min_month = 12;
+		}
+		else
+		{
+			min_month--;
+		}
+	}
+	for (year = min_year; year <= max_year; year++)
+	{
+		month = (year == min_year)? min_month: 1;
+		month_end = (year == max_year)? max_month: 12;
+	
+		while (month <= month_end)
+		{
+			var m = month.toString();
+			while (m.length < 2) m = '0' + m;
+
+			var y = year.toString();
+			while (y.length < 4) y = '0' + y;
+
+			date = y + '-' + m;
+
+			if (!(date in commits_per_month))
+			{
+				// fill the holes
+				commits_per_month[date] = 0;
+			}
+
+			if (!(date in committers_per_month))
+			{
+				// fill the holes
+				committers_per_month[date] = 0;
+			}
+
+			month++;
+		}
+	}
+
+	// for sorting
+	for (var key in commits_per_month)
+	{
+		commits_per_month_keys.push (key);
+	}
+
+	commits_per_month_keys = commits_per_month_keys.sort();
+	orig_commits_per_month_keys = commits_per_month_keys.slice (0); // clone the array
+
+	var max_value = 0;
+	var x_scale = Math.ceil(commits_per_month_keys.length / 12);
+	if (x_scale <= 0) x_scale = 1;
+	for (i = 0; i < commits_per_month_keys.length; i++)
+	{
+		var commits = commits_per_month[commits_per_month_keys[i]];
+		var committers = committers_per_month[commits_per_month_keys[i]];
+
+		if (commits > max_value) max_value = commits;
+		if (committers > max_value) max_value = committers;
+
+		commits_per_month_values.push (commits);
+		committers_per_month_values.push (committers);
+
+		// to work around the problem of too many data points.
+		// chart.js doesn't provide a means to skip x-labels.
+		// empty some points despite the side effect to tooltip titles.
+		if (i % x_scale) commits_per_month_keys[i] = '';
+	}
+
+	var commits_per_month_data = {
+		labels : commits_per_month_keys,
+
+		//////////////////////////////////////////////////
+		// this requires HYUNG-HWAN's change to Chart.js
+		tooltipLabels : orig_commits_per_month_keys,
+		//////////////////////////////////////////////////
+
+		datasets : [
+			{
+				label: 'Commits per month',
+				fillColor : 'rgba(151,187,245,0.2)',
+				strokeColor: "rgba(151,187,245,1.0)",
+				pointColor: "rgba(151,187,245,1.0)",
+				data : commits_per_month_values
+			},
+			
+			{
+				label: 'Committers per month',
+				fillColor: "rgba(245,187,151,0.2)",
+				strokeColor: "rgba(245,187,151,1.0)",
+				pointColor: "rgba(245,187,151,1.0)",
+				data : committers_per_month_values
+			}
+		]
+
+	}
+
+	var scale_steps = 5;
+	$('#graph_main_commits_per_month_canvas').each (function() {
+		var canvas = $(this)[0];
+		var ctx = canvas.getContext('2d');
+		var commits_per_month_chart = new Chart(ctx).Line(commits_per_month_data, {
+			responsive : true,
+			maintainAspectRatio: true,
+			animation: false,
+			pointDot: false,
+			scaleShowGridLines: true,
+			scaleShowHorizontalLines: true,
+			scaleShowVerticalLines: false,
+			scaleFontSize: 10,
+			scaleFontStyle: 'normal',
+			scaleFontColor: 'black',
+
+			scaleOverride: true,
+			scaleSteps: scale_steps,
+			scaleStepWidth: Math.ceil(max_value / scale_steps),
+			scaleStartValue: 0,
+
+			showTooltips: true,
+			tooltipFontSize: 10,
+			tooltipTitleFontSize: 10,
+			datasetFill: true,
+			datasetStroke: true,
+			datasetStrokeWidth: 1,
+			bezierCurve: true,
+			legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"><%if(datasets[i].label){%><%=datasets[i].label%><%}%></span></li><%}%></ul>'
+		});
+
+		var legend = commits_per_month_chart.generateLegend();
+		$('#graph_main_commits_per_month_legend').html(legend);
+	});
+
+}
+
+function show_commits_per_user_graph(log)
+{
+	var commits_per_user = [], commits_per_user_keys = [], commits_per_user_values = [];
+	var commit_share_by_user = [];
+
+	for (var i = 0; i < log.length; i++)
+	{
+		var author = log[i].author;
+		if (!author) author = '';
+		
+		if (author in commits_per_user) commits_per_user[author]++;
+		else commits_per_user[author] = 1;
+	}
+
+	for (var key in commits_per_user)
+	{
+		commits_per_user_keys.push (key);
+		commits_per_user_values.push (commits_per_user[key]);
+
+		commit_share_by_user.push (
+			{ 
+				value: commits_per_user[key],
+				label: key,
+
+				//////////////////////////////////////////////////
+				// this requires HYUNG-HWAN's change to Chart.js
+				//tooltipLabel: key,
+				//////////////////////////////////////////////////
+
+				color: ('#' + Math.random().toString(16).substring(2, 8)) // generate random color
+			}
+		);
+	}
+
+	var commits_per_user_data = {
+		labels : commits_per_user_keys,
+
+		//////////////////////////////////////////////////
+		// this requires HYUNG-HWAN's change to Chart.js
+		tooltipLabels : commits_per_user_keys,
+		//////////////////////////////////////////////////
+
+		datasets : [
+			{
+				label: 'Commits per user',
+				fillColor : 'rgba(151,187,245,0.2)',
+				strokeColor: "rgba(151,187,245,1.0)",
+				pointColor: "rgba(151,187,245,1.0)",
+				data : commits_per_user_values
+			}
+		]
+	}
+
+	$('#graph_main_commits_per_user_canvas').each (function() {
+		var canvas = $(this)[0];
+		var ctx = canvas.getContext('2d');
+		var commits_per_user_chart = new Chart(ctx).Bar(commits_per_user_data, {
+			responsive : true,
+			maintainAspectRatio: true,
+			animation: false,
+
+			showTooltips: true,
+			tooltipFontSize: 10,
+			tooltipTitleFontSize: 10
+		});
+	});
+
+	$('#graph_main_commit_share_by_user_canvas').each (function() {
+		var canvas = $(this)[0];
+		var ctx = canvas.getContext('2d');
+		var commit_share_by_user_chart = new Chart(ctx).Pie(commit_share_by_user, {
+			responsive : true,
+			maintainAspectRatio: true,
+			animation: false
+		});
+
+		var legend = commit_share_by_user_chart.generateLegend();
+		$('#graph_main_commit_share_by_user_legend').html(legend);
+	});
+}
+
+function show_all_graphs (response)
+{
+	var log = $.parseJSON(response);
+	if (log == null)
+	{
+		alert ('Invalid data received');
+		return;
+	}
+
+	show_commits_per_month_graph (log);
+	show_commits_per_user_graph (log);
+}
+
+function render_graphs() 
+{
+	var ajax_req = $.ajax ({
+		url: '<?=site_url()?>/graph/history_json/<?=$project->id?>/',
+		context: document.body,
+		success: show_all_graphs
+	});
+}
+</script>
+
+<title><?=htmlspecialchars($project->name)?></title>
+</head>
+
+<body onload="render_graphs()">
+
+<div class="content" id="graph_main_content">
+
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+
+<?php $this->load->view ('taskbar'); ?>
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+
+<?php 
+$this->load->view (
+	'projectbar', 
+	array (
+		'banner' => NULL,
+
+		'page' => array (
+			'type' => 'project',
+			'id' => 'graph',
+			'project' => $project,
+		),
+
+		'ctxmenuitems' => array (
+			/*
+			array ("project/update/{$project->id}", $this->lang->line('Edit')),
+			array ("project/delete/{$project->id}", $this->lang->line('Delete'))
+			*/
+		)
+	)
+); 
+?>
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+
+<!--
+<div class="sidebar" id="graph_main_sidebar">
+<div class="box">
+<ul>
+<li><?=$this->lang->line('Created on')?> <?=$project->createdon?></li>
+<li><?=$this->lang->line('Created by')?> <?=$project->createdby?></li>
+<li><?=$this->lang->line('Last updated on')?> <?=$project->updatedon?></li>
+<li><?=$this->lang->line('Last updated by')?> <?=$project->updatedby?></li>
+</ul>
+</div>
+</div> --> <!-- graph_main_sidebar -->
+
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+
+<div class="mainarea" id="graph_main_mainarea">
+
+<div class="title">
+<?=htmlspecialchars($project->name)?>
+</div>
+
+<div id="graph_main_commits_per_month">
+<div id='graph_main_commits_per_month_legend'></div>
+<canvas id='graph_main_commits_per_month_canvas'></canvas>
+</div> <!-- graph_main_commits_per_month-->
+
+<div id="graph_main_commits_per_user">
+<canvas id='graph_main_commits_per_user_canvas'></canvas>
+</div> <!-- graph_main_commits_per_user-->
+
+<div id="graph_main_commit_share_by_user">
+<div id='graph_main_commit_share_by_user_legend'></div>
+<canvas id='graph_main_commit_share_by_user_canvas'></canvas>
+</div> <!-- graph_main_commits_per_user-->
+
+</div> <!-- graph_main_mainarea -->
+
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+
+<?php $this->load->view ('footer'); ?>
+
+<!-- /////////////////////////////////////////////////////////////////////// -->
+ 
+</div> <!--  graph_main_content -->
+
+</body>
+
+</html>
+
diff --git a/codepot/src/codepot/views/project_home.php b/codepot/src/codepot/views/project_home.php
index 283fbf0b..6cc957e0 100644
--- a/codepot/src/codepot/views/project_home.php
+++ b/codepot/src/codepot/views/project_home.php
@@ -22,207 +22,7 @@
 <script type="text/javascript" src="<?=base_url_make('/js/jquery.min.js')?>"></script>
 <script type="text/javascript" src="<?=base_url_make('/js/jquery-ui.min.js')?>"></script>
 
-<script type="text/javascript" src="<?=base_url_make('/js/Chart.js')?>"></script>
-
 <script type="text/javascript">
-function show_commits_per_month_graph(response)
-{
-	var log = $.parseJSON(response);
-	if (log == null)
-	{
-		alert ('Invalid data received');
-		return;
-	}
-
-	var min_date = '9999-99', max_date = '0000-00';
-	var commits_per_month = [], commits_per_month_keys = [], commits_per_month_values = [];
-	var committers_per_month = [], committers_per_month_values = [], committer_list_per_month = [];
-	var commits_per_month_count = 0;
-	for (var i = 0; i < log.length; i++)
-	{
-		var date = log[i].date;
-		if (date)
-		{
-			date = date.substring (0, 7);
-			if (date in commits_per_month) commits_per_month[date]++;
-			else commits_per_month[date] = 1;
-
-			// TODO: calculate committers...
-			if (log[i].author)
-			{
-				committer_list_per_month[date + '-' + log[i].author] = 1;
-			}
-
-			if (date < min_date) min_date = date;
-			if (date > max_date) max_date = date;
-
-			commits_per_month_count++;
-		}
-	}
-
-	//if (Object.keys(commits_per_month).length <= 0)
-	if (commits_per_month_count <= 0)
-	{
-		// no data to show
-		return;
-	}
-
-	for (var key in committer_list_per_month)
-	{
-		date = key.substring (0, 7);
-		if (date in committers_per_month) committers_per_month[date]++;
-		else committers_per_month[date] = 1;
-	}
-
-	var year, month, min_year, max_year, min_month, max_month;
-
-	min_year = parseInt(min_date.substring (0, 4), 10);
-	min_month = parseInt(min_date.substring (5), 10);
-	max_year = parseInt(max_date.substring (0, 4), 10);
-	max_month = parseInt(max_date.substring (5), 10);
-
-	// fill empty data points
-	if (min_year == max_year && min_month == max_month)
-	{
-		// only 1 data point if this condition is met 
-		// insert a fake data point to make at least 2 data points
-		if (min_month <= 1)
-		{
-			min_year--;
-			min_month = 12;
-		}
-		else
-		{
-			min_month--;
-		}
-	}
-	for (year = min_year; year <= max_year; year++)
-	{
-		month = (year == min_year)? min_month: 1;
-		month_end = (year == max_year)? max_month: 12;
-	
-		while (month <= month_end)
-		{
-			var m = month.toString();
-			while (m.length < 2) m = '0' + m;
-
-			var y = year.toString();
-			while (y.length < 4) y = '0' + y;
-
-			date = y + '-' + m;
-
-			if (!(date in commits_per_month))
-			{
-				// fill the holes
-				commits_per_month[date] = 0;
-			}
-
-			if (!(date in committers_per_month))
-			{
-				// fill the holes
-				committers_per_month[date] = 0;
-			}
-
-			month++;
-		}
-	}
-
-	// for sorting
-	for (var key in commits_per_month)
-	{
-		commits_per_month_keys.push (key);
-	}
-
-	commits_per_month_keys = commits_per_month_keys.sort();
-	orig_commits_per_month_keys = commits_per_month_keys.slice (0); // clone the array
-
-	var max_value = 0;
-	var x_scale = Math.ceil(commits_per_month_keys.length / 12);
-	if (x_scale <= 0) x_scale = 1;
-	for (i = 0; i < commits_per_month_keys.length; i++)
-	{
-		var commits = commits_per_month[commits_per_month_keys[i]];
-		var committers = committers_per_month[commits_per_month_keys[i]];
-
-		if (commits > max_value) max_value = commits;
-		if (committers > max_value) max_value = committers;
-
-		commits_per_month_values.push (commits);
-		committers_per_month_values.push (committers);
-
-		// to work around the problem of too many data points.
-		// chart.js doesn't provide a means to skip x-labels.
-		// empty some points despite the side effect to tooltip titles.
-		if (i % x_scale) commits_per_month_keys[i] = '';
-	}
-
-	var commits_per_month_data = {
-		labels : commits_per_month_keys,
-
-		//////////////////////////////////////////////////
-		// this requires HYUNG-HWAN's change to Chart.js
-		tooltipLabels : orig_commits_per_month_keys,
-		//////////////////////////////////////////////////
-
-		datasets : [
-			{
-				label: 'Commits per month',
-				fillColor : 'rgba(151,187,245,0.2)',
-				strokeColor: "rgba(151,187,245,1.0)",
-				pointColor: "rgba(151,187,245,1.0)",
-				data : commits_per_month_values
-			},
-			
-			{
-				label: 'Committers per month',
-				fillColor: "rgba(245,187,151,0.2)",
-				strokeColor: "rgba(245,187,151,1.0)",
-				pointColor: "rgba(245,187,151,1.0)",
-				data : committers_per_month_values
-			}
-		]
-
-	}
-
-	var scale_steps = 5;
-	$('#project_home_commits_per_month_canvas').each (function() {
-		var canvas = $(this)[0];
-		var ctx = canvas.getContext('2d');
-		var commits_per_month_chart = new Chart(ctx).Line(commits_per_month_data, {
-			responsive : true,
-			maintainAspectRatio: true,
-			animation: false,
-			pointDot: false,
-			scaleShowGridLines: true,
-			scaleShowHorizontalLines: true,
-			scaleShowVerticalLines: false,
-			scaleFontSize: 10,
-			scaleFontStyle: 'normal',
-			scaleFontColor: 'black',
-
-			scaleOverride: true,
-			scaleSteps: scale_steps,
-			scaleStepWidth: Math.ceil(max_value / scale_steps),
-			scaleStartValue: 0,
-
-			showTooltips: true,
-			tooltipFontSize: 10,
-			tooltipTitleFontSize: 10,
-			datasetFill: true,
-			datasetStroke: true,
-			datasetStrokeWidth: 1,
-			bezierCurve: true,
-			legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"><%if(datasets[i].label){%><%=datasets[i].label%><%}%></span></li><%}%></ul>',
-
-
-		});
-
-		var legend = commits_per_month_chart.generateLegend();
-		$('#project_home_commits_per_month_legend').html(legend);
-	});
-
-}
-
 function render_wiki() 
 {
 	creole_render_wiki (
@@ -233,12 +33,6 @@ function render_wiki()
 	);
 
 	prettyPrint ();
-
-	var ajax_req = $.ajax ({
-		url: '<?=site_url()?>/code/history_json/<?=$project->id?>/',
-		context: document.body,
-		success: show_commits_per_month_graph
-	});
 }
 </script>
 
@@ -249,7 +43,6 @@ function render_wiki()
 
 <div class="content" id="project_home_content">
 
-
 <!-- /////////////////////////////////////////////////////////////////////// -->
 
 <?php $this->load->view ('taskbar'); ?>
@@ -487,17 +280,6 @@ foreach ($urls as $url)
 </pre>
 </div> <!-- project_home_mainarea_wiki -->
 
-<div id="project_home_mainarea_stat">
-<?php
-//$graph_url = codepot_merge_path (site_url(), "/code/graph/commits-per-month/{$project->id}");
-//print "<img src='{$graph_url}' id='project_home_commits_per_month_graph' />";
-?>
-
-<div id='project_home_commits_per_month_legend'></div>
-<canvas id='project_home_commits_per_month_canvas'></canvas>
-
-</div> <!-- project_home_mainarea_stat -->
-
 </div> <!-- project_home_mainarea -->
 
 
diff --git a/codepot/src/codepot/views/projectbar.php b/codepot/src/codepot/views/projectbar.php
index 4733dde6..f327a254 100644
--- a/codepot/src/codepot/views/projectbar.php
+++ b/codepot/src/codepot/views/projectbar.php
@@ -43,7 +43,7 @@ function show_projectbar ($con, $banner, $page, $ctxmenuitems)
 		foreach ($ctxmenuitems as $item)
 		{
 			$extra = (count($item) >= 3)? "id='{$item[2]}'": '';
-        		print anchor ($item[0], $item[1], $extra);
+			print anchor ($item[0], $item[1], $extra);
 		}
 	}
 	else print '&nbsp;';
@@ -58,7 +58,8 @@ function show_projectbar ($con, $banner, $page, $ctxmenuitems)
 			array ("wiki/home/{$project->id}", $con->lang->line('Wiki')),
 			array ("issue/home/{$project->id}", $con->lang->line('Issues')),
 			array ("code/home/{$project->id}", $con->lang->line('Code')),
-			array ("file/home/{$project->id}", $con->lang->line('Files'))
+			array ("file/home/{$project->id}", $con->lang->line('Files')),
+			array ("graph/home/{$project->id}", $con->lang->line('Graphs'))
 		);
 
 		foreach ($menuitems as $item)
@@ -103,7 +104,6 @@ function show_projectbar ($con, $banner, $page, $ctxmenuitems)
 			print anchor ($menulink, $item[1], $extra);
 		}
 	}
-		
 	else print '&nbsp;';
 
 	print '</div>';
diff --git a/codepot/src/css/project.css b/codepot/src/css/project.css
index e8432a78..7564362d 100644
--- a/codepot/src/css/project.css
+++ b/codepot/src/css/project.css
@@ -39,20 +39,6 @@
 	white-space: pre-wrap;
 }
 
-
-#project_home_mainarea_stat {
-	overflow: hidden;
-}
-
-#project_home_commits_per_month_graph {
-	max-width: 100%;
-}
-
-#project_home_commits_per_month_canvas {
-	max-width: 100%;
-	width: 100%;
-}
-
 /*----------------------------------------------- 
  * project file edit view 
  *-----------------------------------------------*/
@@ -64,7 +50,6 @@
 	width: 100%;
 }
 
-
 /*----------------------------------------------- 
  * project catalog view 
  *-----------------------------------------------*/
diff --git a/codepot/src/js/Chart.js b/codepot/src/js/Chart.js
index 089b1995..54b7f0b8 100644
--- a/codepot/src/js/Chart.js
+++ b/codepot/src/js/Chart.js
@@ -2143,6 +2143,9 @@
 					datasetObject.bars.push(new this.BarClass({
 						value : dataPoint,
 						label : data.labels[index],
+						// HYUNG-HWAN
+						tooltipLabel: (data.tooltipLabels? data.tooltipLabels[index]: data.labels[index]),
+						// END HYUNG-HWAN
 						datasetLabel: dataset.label,
 						strokeColor : dataset.strokeColor,
 						fillColor : dataset.fillColor,
@@ -2433,6 +2436,9 @@
 				strokeColor : this.options.segmentStrokeColor,
 				startAngle : Math.PI * 1.5,
 				circumference : (this.options.animateRotate) ? 0 : this.calculateCircumference(segment.value),
+				// HYUNG-HWAN
+				tooltipLabel: (segment.tooltipLabel? segment.tooltipLabel: segment.label),
+				// END HYUNG-HWAN
 				label : segment.label
 			}));
 			if (!silent){