可视化mySQL数据库中的数据，并将其显示在html上

所以我确信这个问题已经出现过不止一次了，但我真的不知道从哪里开始。

我正在构建一个简单的MySQL数据库，由4个字段组成（日期、支票账户余额、储蓄账户余额和信用卡余额）。

然后，我想通过PHP在HTML页面上可视化这个数据库。这将包括将记录显示为列表，并可视化表示我的数据的某种折线图。我还将包括允许我从HTML 添加到数据库的输入

问题：我看了一些方法，但没有一个看起来直观，其中一些方法涉及在HTML中粘贴图形的png（YUCK！）。我想让用户只需要与HTML页面进行交互
做这件事最直接的方法是什么？它是在写JavaScript/JQuery，还是我还没有研究的东西？此外，我不认为这会引起任何安全问题，因为数据库服务器将在本地处理，如果不是这样，请这样说。

信息：

操作系统：OSX 10.8
mySQL/PHP服务器：MAMPP

需要更多吗？。。。让我知道。