Построение графика возможно 2 путями:
1. Используя библиотеку GD в PHP, пот пару строк кода
header('Content-type: image/png');
$image = imagecreatetruecolor(600,250) or die('Cannot create image');
imagefill($image, 0, 0, 0xff8106);
// Задаём толщину линии
imagesetthickness($image, 2);
// строим линию по 4 координатам
imageline($image, 0, 198, 100, 198, 0x000000);
Но мне этот вариант не понравился 2 моментами:
а. при увеличении картинка расплывается, задавать большие размеры - также не вариант.
б. показался громоздким (хотя это моё субъективное мнение)
2. Второй вариант, это используя веткор SVG который поддерживают современные браузеры и даже мой мобильный браузер Android.
Плюсы в том, что сколько не масштабируй, всё выглядит отлично!!!
Пример кода:
<svg class="graph">
<line x1='50' y1='20' x2='50' y2='350' stroke-width='1' stroke='#ffffff' />
</svg>
Результат:
sandbox.zz.vc/sandbox/graph