HTML Vertical Legend

Queens

Kings

Bronx

HTML Horizontal Legend

Queens

Kings

Bronx

D3 Vertical Legend

D3 Horizonal Legend Using 'g' Elements

D3 Horizonal Legend Using 'key-dot' CSS

D3 Horizonal Legend Using Div's and d3.html()

D3 Reusable Legend