A
Anonymous

Accuracy Chart Component - Copy this Html, Tailwind Component to your project

<div-id="chart_div"></div>-<a-style="font-size:12px;color:#BDBDBD"-href="https://livechatai.com/">Powered-by-LiveChatAI</a>-<script-type="text/javascript"-src="https://www.gstatic.com/charts/loader.js"></script>-<script-type="text/javascript">-google.charts.load('current',-{'packages':['bar']});-google.charts.setOnLoadCallback(drawChart);-function-drawChart()-{-var-data-=-google.visualization.arrayToDataTable([-['Model',-'Accuracy-(R²)'],-['CNN',-0.85],-['LSTM',-0.87],-['CNN-LSTM',-0.92],-['ARIMA',-0.65],-['SVR',-0.70],-['Random-Forest',-0.75]-]);-var-options-=-{-chart:-{-title:-'Model-Accuracy-Comparison',-subtitle:-'Accuracy-(R²)-of-Various-Models',-},-bars:-'horizontal',-//-Required-for-Material-Bar-Charts.-colors:-['#76A7FA'],-//-Custom-bar-color-legend:-{-position:-'none'-}-};-var-chart-=-new-google.charts.Bar(document.getElementById('chart_div'));-chart.draw(data,-google.charts.Bar.convertOptions(options));-}-</script>

Prompt
Component Preview

About

Accuracy Chart Component - Visualize model accuracy with horizontal bars, featuring CNN, LSTM, and more. Built with HTML and Tailwind. Download free code!

Share

Last updated 1 month ago