ASP.NET Core 3D Charts - Beautiful and Interactive Control

@using Syncfusion.EJ2
@section ControlsSection{

    <div class="control-section" align="center">
        <div id="container">
            <ejs-chart3d id="stockchartdefault" load="stockload" title="AAPL Stock Price" tooltipRender="tooltipRender">
                <e-chart3d-primaryxaxis valueType="@Syncfusion.EJ2.Charts.ValueType.Category"></e-chart3d-primaryxaxis>
                <e-chart3d-series-collection>
                    <e-chart3d-series dataSource="ViewBag.ChartPoints" xName="X" yName="Y" type="@Syncfusion.EJ2.Charts.Chart3DSeriesType.Column"> </e-chart3d-series>
                </e-chart3d-series-collection>
            </ejs-chart3d>
        </div>
    </div>
}

using Microsoft.AspNetCore.Mvc;

namespace EJ2CoreSampleBrowser_NET6.Controllers.ThreeDimensionsChart
{
    public partial class ThreeDimensionsChartController : Controller
    {
        public IActionResult Column()
        {
            List<ColumnChartData> ChartPoints = new List<ColumnChartData>
            {
                new ColumnChartData { X = "Tesla",    Y = 13 },
                new ColumnChartData { X = "Aion",     Y = 8 },
                new ColumnChartData { X = "Wuling",   Y = 7  },
                new ColumnChartData { X = "Changan",  Y = 5 },
                new ColumnChartData { X = "Geely",    Y = 4  },
                new ColumnChartData { X = "Nio",      Y = 3  },
                new ColumnChartData { X = "Neta",     Y = 2  },
                new ColumnChartData { X = "BMW",      Y = 1  }               
            };
            ViewBag.ChartPoints = ChartPoints;
            return View();
        }
        public class ColumnChartData
        {
            public string X;
            public double Y;
        }
    }
}