Open in app
Home
Notifications
Lists
Stories

Write
Christopher Lanoue
Christopher Lanoue

Home

Published in Graphicacy

·Nov 17, 2020

A performant Mapbox implementation of Census Tracts at all zoom levels

A walkthrough of how to create an optimized and performant responsive census tract choropleth map with Mapbox — One of the most common ways to visualize data is through mapping. However, in presenting data in a map format, a multitude of options must be considered. First, what type of visualization will work best? A filled (“chloropleth”) map, a symbol map, a density map, a hexbin map? …

Mapbox

5 min read

A performant Mapbox implementation of US Census Tracts at all zoom levels
A performant Mapbox implementation of US Census Tracts at all zoom levels

Published in Graphicacy

·Nov 5, 2020

Capturing User Emails in Google Sheets for PrimaryCast

A technical exploration into saving contact form emails into Google Sheets using AWS serverless tools — In working with the team at Grassroots Analytics, Graphicacy’s engineering team tackled a particular challenge: how to ensure minimum costs to a client while storing changing data and providing updates on fast-changing predictions. Our goal was to maximize the impact of PrimaryCast, a data visualization and mapping tool that provides…

Google

2 min read

Capturing User Emails in Google Sheets for PrimaryCast
Capturing User Emails in Google Sheets for PrimaryCast

Published in Graphicacy

·Oct 1, 2020

Embed an Encrypted Web Application into Wix

How to use GitHub pages to host an HTTPS website and embed into Wix — As a bespoke data visualization firm, Graphicacy frequently get requests to build out a single data visualization component for a website that the client will embed via <iframe/> into their existing site. About 95% of the time, after building the data visualization component, we use a GitHub Action on merge…

Wix

2 min read

Embed an Encrypted Web Application into Wix
Embed an Encrypted Web Application into Wix

Published in Graphicacy

·Sep 18, 2020

Caching API Calls with Redis to Work Remotely

How to “disconnect” while still delivering on time — I always want to be able to take my laptop and work from anywhere — Amtrak, the park around the corner, the front stoop. But given that my job involves building web-based data visualizations, it isn’t always easy with little or no wi-fi. I often need to hit an API…

Redis

2 min read

Caching API Calls with Redis to Work Remotely
Caching API Calls with Redis to Work Remotely

Published in Graphicacy

·Jun 22, 2020

USAID FinGAP Investment Mapping System

An interactive geospatial and forecasting tool that provides investors with information on potential agriculture investments in Ghana. — Summary The New Alliance for Food Security and Nutrition is an initiative that builds upon previous commitments to abate hunger in Africa including, Feed the Future, Grow Africa, and the Global Agriculture and Food Security Program. New Alliance partners include the G8, private companies and several African countries, namely Ghana, Ethiopia…

GIS

6 min read

USAID FinGAP Investment Mapping System
USAID FinGAP Investment Mapping System

Published in Nightingale

·Apr 28, 2020

Identifying Affected Customers in a Disaster

When a disaster strikes, many businesses rush to identify affected customers and react. For example, some may offer no-fee loans, reduce or remove late fees, or take other actions to assist customers in a time of need. Identifying affected customers is essential for businesses. As I was looking for information…

D 3 Js

4 min read

Identifying Affected Customers in a Disaster
Identifying Affected Customers in a Disaster

Published in Kabbage UX

·Feb 25, 2020

Update to smart quotes with one line of code

As an engineer, I’m often passed a big block of text as either a PDF or Word document and asked if I can add it into a web application. The easiest way to do this is to copy and paste into a <p/> tag, but that’s not suitable for those…

Typography

2 min read

Update to smart quotes with one line of code
Update to smart quotes with one line of code

Feb 1, 2020

Converting GeoJSON to PNG

Within the United Kingdom there are approximately 650 constituencies, which makes for a highly detailed map. A detailed map means a larger file size and therefore more heavy processing on the client side, so when building the UK Political Atlas we needed a solution that wouldn’t slow down client-side rendering when exploring different constituencies. We decided on an offline approach of rendering each constituency with d3-node (which allows for static rendering with the power of d3) and then converting the rendered SVG into a PNG with sharp. Within one minute, we had 650 static PNG files of ~7kb each; compared to the 6mb GeoJSON file with which we started. Now when a user loaded a constituency detail page the browser only had to retrieve a single small file and the page would load fast even on mobile or older browsers.

Data Visualization

1 min read

Converting GeoJSON  to PNG
Converting GeoJSON  to PNG

Published in Graphicacy

·Jan 30, 2020

Mouse Interactivity with SVG Mask

One of the best parts about building data visualizations for the web is providing users with interactivity. Many times when looking over a PDF or a printout I find myself instinctually mousing over or clicking on an element to get more information. TLDR; The Angular and React sample code for…

Data Visualization

3 min read

Mouse Interactivity with SVG Mask
Mouse Interactivity with SVG Mask

Published in kabbage-engineering

·Jan 28, 2020

Clustering Customer Interactions with D3 Quad-Tree

At Kabbage, we provide access to small business loans for thousands of customers and, subsequently, need to provide exceptional customer service. Many times this service comes from a customer navigating our user-friendly website, but more often than not an on-the-go small business owner will want to call in and talk…

Data Visualization

4 min read

Clustering Customer Interactions
Clustering Customer Interactions
Christopher Lanoue

Christopher Lanoue

Engineering and Innovation Director, Graphicacy

Following
  • Susan Orlean

    Susan Orlean

  • Elijah Meeks

    Elijah Meeks

  • Coleman Harris

    Coleman Harris

  • Noëlle Rakotondravony

    Noëlle Rakotondravony

  • Sky Davis

    Sky Davis

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable