Skip to content

Latest commit

 

History

History
27 lines (20 loc) · 753 Bytes

README.md

File metadata and controls

27 lines (20 loc) · 753 Bytes

The Forbes Chart

tl;dr

<div id="forbes"></div>
<script src="path/to/forbes.js"></script>
<script type="text/javascript">
new Forbes({ el: '#forbes' });
</script>

And everything gets loaded and rendered. Markup is injected into the page, so it will pick up the surrounding styles.

A style example:

<style type="text/css">
.forbes-ranking-table thead tr {
    background-color: orange;
}

.forbes-ranking-table tbody tr:hover,
.forbes-info h2,
.forbes-net-worth {
    color: orange;
}
</style>

Data gets pulled from this spreadsheet, via Tabletop.js. Any changes made will appear LIVE.