A Simple Bar Chart

Makeover Monday - Week 8

Original visualization

What works well

The colors are fun
Who doesn't like bubbles?
I immediately know who makes the most money off medicine

What could be improved

Area is the best way to make visual comparisions
The background map isn't very helpful

What I did

The Makeover

I'm still getting a handle on D3, so I made a simple bar chart that I'll be writting about soon so other people can learn to build their own.

Follow me on Twitter @robcrock

Acknowledgments

This project would be what it is without the efforts of Andy Kriebel and Eva Murray, so be sure to give a shout out.

Built With

D3v4 - JavaScript visualization kernel

License

This project is licensed under the MIT License - see the LICENSE.md file for details

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>
  <script src="https://d3js.org/d3-dsv.v1.min.js"></script>
  <script src="https://d3js.org/d3-fetch.v1.min.js"></script>
  <link rel="stylesheet" href="style.css">
  <title>A Simple Bar Chart</title>
</head>
<body>
  <script src="chart.js"></script>
</body>
</html>
    

https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js

https://d3js.org/d3-dsv.v1.min.js

https://d3js.org/d3-fetch.v1.min.js