Update readme

README.md

@@ -1,6 +1,7 @@
 # <img src="assets/images/matplotex_logo.png" height="50" /> Matplotex
 
-<font color="darkblue"> **Matplotex**</font> is a lightweight and efficient library for Elixir projects that facilitates server-side SVG generation for data visualization. Designed to integrate seamlessly with Phoenix LiveView, it serves as a powerful tool for creating dynamic visualizations in web applications. Below are the key benefits and extended use cases of <font color="darkblue"> **Matplotex**</font>:
+<font color="darkblue"> [**Matplotex**](https://hexdocs.pm/matplotex/Matplotex.html)</font> is a lightweight and efficient library for Elixir projects that facilitates server-side SVG generation for data visualization. Designed to integrate seamlessly with Phoenix LiveView, it serves as a powerful tool for creating dynamic visualizations in web applications. Below are the key benefits and extended use cases of <font color="darkblue"> **Matplotex**</font>:
+
 
 - **Server-side SVG Generation:** <font color="darkblue"> **Matplotex**</font> enables the creation of larger, complex plots on the server, ensuring smooth performance on client-side devices with limited memory.
 - **Efficient Concurrent Processing :** Leveraging Elixir’s concurrency capabilities, <font color="darkblue"> **Matplotex**</font> can handle multiple requests simultaneously, making it ideal for high-performance applications.
@@ -9,11 +10,27 @@
 
 The sample plots generated using <font color="darkblue"> **Matplotex**</font> are shown below.
 
+<div style="display: flex; justify-content: space-between;">
+<p align="center">
+<img src="assets/images/line_plot_readme.svg" alt="Line plot" width="45%"/>
+<img src="assets/images/scatter_plot_readme.svg" alt="Scater plot" width="45%"/>
+</p>
+</div>
+
+<div style="display: flex; justify-content: space-between;">
+<p align="center">
+<img src="assets/images/hist_readme.svg" alt="Histogram" width="45%"/>
+<img src="assets/images/spline_readme.svg" alt="Spline" width="45%"/>
+</p>
+</div>
+
+<div style="display: flex; justify-content: space-between;">
+<p align="center"> 
+<img src="assets/images/bar_readme.svg" alt="Bar chart" width="45%"/>
+<img src="assets/images/pie_readme.svg" alt="Pie chart" width="45%"/>
+</p> 
+</div>
 
-<img src="assets/images/bar_readme.svg"/>
-<img src="assets/images/pie_readme.svg"/>
-<img src="assets/images/line_plot_readme.svg"/>
-<img src="assets/images/scatter_plot_readme.svg"/>
 
 ## Installation