Matt Michel ninjaPixel

This grouped bar chart is constructed from a CSV file storing the populations of different states by age group. The chart employs conventional margins and a number of D3 features:

d3.csv - load and parse data
d3.scale.ordinal - x-position encoding and color encoding
d3.scale.linear - y-position encoding
d3.format - SI prefix formatting (e.g., “10M” for 10,000,000)
d3.max - compute domains
d3.keys - compute column names
d3.svg.axis - display axes

	<a href="https://app.barbershopbooking.co.uk/my_company_name">
	<button style="font-size:32px;background-color:#FFEB3B; color:rgba(0, 0, 0, 0.87);padding:10px;border:none; box-shadow: 0 2px 4px rgba(0, 0, 0, .6);">
	BOOK NOW
	</button>
	</a>

	import React from 'react';
	import { Route } from 'react-router-dom';
	import InitialSetup from '../../screens/InitialSetup/InitialSetup';
	import Staff from '../../screens/Staff/Staff';

	export const Generate = (props) => {
	return [
	<Route path="/admin/initial-setup" component={InitialSetup} {...props} key="s1" />,
	<Route path="/admin/staff" component={Staff} {...props} key="s2" />,
	];

	import _ from 'lodash';
	import React from 'react';
	import { Roles } from 'meteor/alanning:roles';
	import { Route, Switch } from 'react-router-dom';
	import Login from '../../screens/Login/Login';
	import Home from '../../screens/Home/Home';
	import Booking from '../../screens/Booking/Booking';


	const staffRoles = ['admin', 'super-admin', 'staff'];

	# Your init script
	#
	# Atom will evaluate this file each time a new window is opened. It is run
	# after packages are loaded/activated and after the previous editor state
	# has been restored.
	#
	# An example hack to make opened Markdown files always be soft wrapped:
	#
	# path = require 'path'
	#

	<a href="https://app.barbershopbooking.co.uk/my_company_name">
	<button>Book now</button>
	</a>