Как нарисовать линию графического бара, используя MySql и PHP?

Я пытаюсь показать графическую панель, показывающую количество свободных мест и общее количество мест на определенную дату в одном баре, используя MySql и PHP на WordPress-сайте.

Моя форма разметки:

<strong>Check your desired date if it is available already in the system.</strong><br/><br/>
<form action="<?php echo get_permalink();?>" method="post" class="van_sharing_reference">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.search_input_text_van').datepicker({
dateFormat : 'yy-mm-dd'
});
});
</script>
<input type="text" placeholder="Select the date" required name="search_text" class="search_input_text_van">
<span class="arrow">
<input type="submit" value="CHECK" name="search" class="search_button">
</span>
</form>

и действие:

<?PHP
if (isset($_POST['search'])){
$serch_text = $_POST["search_text"];
$con=mysqli_connect("localhost","db_name","db_username","db_password");
// Check connection
if (mysqli_connect_errno()) {
die ("Failed to connect to MySQL: " . mysqli_connect_error());
}
$booking_id_serch_text = $serch_text;
$searchroute = "select * from van_sharing where date = '$booking_id_serch_text'";
$result = $con->query($searchroute);
$row = $result->fetch_assoc();
if ($row == 0) { echo '<div style="color: red;">No one planned yet on the date <b>' . $serch_text . '</b>. to go</div>' ;
} else {
// getting number of rows for a specific date
$wpdb->get_results( $wpdb->prepare('select * from van_sharing where date = %s', $booking_id_serch_text));
$total_seats = 10;
$people_travel_on_the_date = $wpdb->num_rows;
$available_seats = $total_seats - $people_travel_on_the_date;
echo 'Total Seats ' . $total_seats . '<br/>';
echo 'Number of people who are planning to share on the date '.$booking_id_serch_text .' : '.$wpdb->num_rows;

echo '</br>Available seats : '.$available_seats;
mysqli_close($con);
}
}
?>

Теперь я получаю все детали, которые хочу показать посетителям.

1. Общее количество мест от $ total_seats
2. Количество людей, которые готовы поделиться на дату от
   $ people_travel_on_the_date
3. И баланс / свободные места от $ available_seats

Но вместо того, чтобы показывать это только в нескольких строках, я хочу показать их в графической панели.
Подобно:

1. Если нет ни одного забронированного / не готового поделиться на дату.
   Это означает, что $ people_travel_on_the_date == 0
   
2. Если два или три человека забронированы / готовы поделиться на
   Дата. Это означает, что $ people_travel_on_the_date == 2 или 3
   
3. Если есть 5 человек забронированы / готовы поделиться на дату. Тот
   означает $ people_travel_on_the_date == 5
   
4. Если 10 человек забронированы / готовы поделиться на дату. Тот
   означает $ people_travel_on_the_date == 10
   

Я гуглил и ссылался на php.net, но весь PHP-проект собирался создать диаграммы, весь график, например круговую или гистограмму, но не собирался показывать эти результаты на графической панели.

Как я могу создать бар, как я объяснил выше, используя php?
Это WordPress сайт. Так что лучше делать это на собственном PHP, а не на библиотеках.
Также я не хочу использовать плагины.