lucguillemot

lucguillemot

Interactive map with proportional circles.

The base map is a TOPOjson cartogram. The proportional circles are drawn with D3 and animated with JQueryUI.

The TOR network

This is a dynamic world map showing the number of connections to the TOR network by country from June 2008 to June 2013 on a 2010 population cartogram. Data are from TOR Metrics.

lucguillemot

Choropleth map using a continuous color scale. The colors are interpolated using the L*a*b color space. The map shows the outcome of San Francisco ballot proposition I (Nov. 2015)

lucguillemot

Choropleth map using two diverging continuous color scale. The colors are interpolated using the L*a*b color space. The map shows the outcome of San Francisco ballot proposition J (Nov. 2015).

lucguillemot

lucguillemot

This is a horizontal stacked bar chart using d3.layout.stack() function and data about the republican primary election. This chart is part of a dataviz project about the US 2016 primary election.

lucguillemot

The L*a*b* color space with a range of ±100 for a* and b* values and a value of 60 for Lightness.

lucguillemot

This is a scatterplot using two ordinal scales and the RangePoints() function, with data showing the country of origin of films in competition at the Cannes film festival since 2006.

lucguillemot

license: mit

lucguillemot

import * as React from "react";
import * as vega from "vega";

export const Chart = ({ spec, handleClick }) => {
  const chartContainer = React.useRef();
  React.useEffect(() => {
    const createView = async () => {
      try {
        const view = new vega.View(vega.parse(spec), {
          logLevel: vega.Warn,