Google org chart: отображение изображений из базы данных

Question

Как получить изображения из БД? Я искал в интернете, но, похоже, документации очень мало. Я новичок и совершенно новый в этой области. Итак, пожалуйста, помогите мне.
Snap of db: link1
Snippet:

<?php
$db=mysqli_connect("localhost","root","","organisation"); //db connection
$query=mysqli_query($db, "SELECT * FROM orgtesting"); //fetch data
if($query){
$data=[];
while($org_data=mysqli_fetch_assoc($query)){
$data []= [$org_data["id"],$org_data["designation"],$org_data["name"],$org_data["img"]]; //syntax of associative array = $variable["value"]
}

#echo '<pre>'; print_r($data); echo '</pre>';
echo json_encode($data);
}
else {
"Error".mysqli_error();
}
?>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
    <script type="text/javascript">
    google.charts.load('current', {packages:["orgchart"]});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'id');
    data.addColumn('string', 'designation');
    data.addColumn('string', 'name');
    data.addColumn('string', 'img');

    // For each orgchart box, provide the name, manager, and tooltip to show.
    data.addRows(<?php echo json_encode($data); ?>);

    // Create the chart.
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); //look at html div
; /* Adds a listener to make a image of chart inside a #graph-images*/
chart.draw(data,{allowHtml:true});
    }
    </script>
    <div id="chart_div"></div>

После написания следующего кода:

echo json_encode($data);

Вот опера, который я получаю:
link2 Это ясно означает, что IMG не обнаружен. Пожалуйста, помогите. Моя структура:
введите описание изображения здесь