/barChartProject

Stretch Project for Lighthouse Labs Bootcamp Prep Module

Primary LanguageJavaScript

Bar Chart Project

Clone to local repository and use live server for a preview

About

This is a bar Chart Project for the prep module of Lighthouse Labs Bootcamp

Objective

This project is attempt to create a simple bar chart generator API and experiments with UI/UX design with HTML, CSS, Javascript and jQuery

Screenshots

Main Page

main interface

Title, item and value input

main interface

Theme select

main interface

color pickers

main interface

select features to customize

main interface

axis color customization

main interface

bar size customization

main interface

Features

  • Real time title edit and color cutomization
  • bar, axis, value, label color cutomization
  • bar chart size, bar spacing cutomization

Issues

  • No default bar generated when user visit the main page
  • The test interface does not have a valid input table, user has to delete each - bar one by one
  • The bar will crash If user input a larger number for height and width
  • Did not get ticks customization to work

Features in Progress

  • axis label customization
  • Number of ticks cutomization
  • mobile friendly (responsive) UI

External resources