A website for producing interactive charts without writing a single line of code. Built with Common Lisp and Python.
https://charts.craigoates.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.0 KiB
83 lines
3.0 KiB
{% extends "layouts/base.html" %} |
|
{% block title %}About Craig Oates{% endblock %} |
|
{% block content %} |
|
|
|
<div class="content-header"> |
|
<h1>About</h1> |
|
</div> |
|
|
|
<div class="flex-center"> |
|
<article> |
|
<p><strong> |
|
This website's aim is to help people take their spreadsheets and generate |
|
interactive charts with them. |
|
</strong> |
|
The charts are created using a plotting/visualisation library written in |
|
Python called Bokeh. |
|
</p> |
|
<h2 style="display:flex; align-items:center;"> |
|
<img style="margin-right: 12px;" |
|
width="72px" src="images/bokeh-simple.png"> |
|
About Bokeh |
|
</h2> |
|
<p> |
|
The following it taken from Bokeh's website, |
|
</p> |
|
<blockquote> |
|
Bokeh is a Python library for creating interactive visualizations for modern |
|
web browsers. It helps you build beautiful graphics, ranging from simple |
|
plots to complex dashboards with streaming datasets. With Bokeh, you can |
|
create JavaScript-powered visualizations without writing any JavaScript |
|
yourself. |
|
</blockquote> |
|
<p> |
|
If you would like to know more about Bokeh, please use the following links: |
|
</p> |
|
<ul> |
|
<li><a href="https://bokeh.org">Bokeh's Main Website</a></li> |
|
<li><a href="https://docs.bokeh.org">Bokeh's Documentation Website</a></li> |
|
<li><a href="https://demo.bokeh.org/">Examples of charts made with Bokeh</a></li> |
|
</ul> |
|
<h2>The Site's Intended Users</h2> |
|
<p> |
|
The main group of people I had in mind when I developed this website were |
|
people with little to no programming experience but worked with |
|
spreadsheets. Because of this, the type of charts a user can create |
|
utilises only a sub-set of Bokeh's functionality. This trade-off, though, |
|
allows non-programmers to make interactive charts quickly and easily. From |
|
there, they can explore and share said charts like it was another file on |
|
your computer. |
|
</p> |
|
<h2>Accepted File Types</h2> |
|
<p> |
|
So far, this website only accepts the following file types: |
|
</p> |
|
<ul> |
|
<li>Comma-Seperate values (.csv)</li> |
|
<li>Tab-Seperated values (.tsv)</li> |
|
</ul> |
|
<p> |
|
These types of files quite common and can be viewed in standard |
|
spreadsheet software such as: |
|
</p> |
|
<ul> |
|
<li><a href="https://www.libreoffice.org/download/download/">Libre Office: Calc</a></li> |
|
<li><a href="https://www.microsoft.com/en-gb/microsoft-365/excel">Microsoft Excel</a></li> |
|
</ul> |
|
<p> |
|
<strong>Note: </strong> |
|
Because .csv and .tsv are 'plain text' files, you should be able to open them |
|
using Notepad (Windows) or TextEdit (Mac OS). |
|
</p> |
|
<h2>About Craig</h2> |
|
<p> |
|
The short version is on my personal website you will find artworks I've |
|
made, blog posts I've written, 3D models I've concocted, graphic design |
|
projects I've put together and software I've developed. For the longer |
|
version, |
|
visit <a href="https://www.craigoates.net/about">craigoates.net/about</a>. |
|
</p> |
|
</article> |
|
</div> |
|
|
|
{% endblock %}
|
|
|