Bill Morris wboykinm

Compton streetlights

Generating some points to approximate streetlight locations in Compton, L.A.

Loose homage to Kendrick Lamar, strong shouts to Snoop, Dre, Mary J., and the map underneath the 2022 Superbowl Halftime Show, and big respect to the L.A. county streetlight spacing guidelines.

(Yes, I know this isn't Compton. Bear with me here.)

Get streets data

How to deploy a webpage in 2022

Instructions for getting a [mostly] static website onto a custom domain, with https encryption, for [mostly] free. I'm finally writing this down after getting stuck on step 10 way too many times. Godspeed.

Purchase the top-level domain - gandi.net is my current preferred registrar. Hopefully this will be the only cash you drop in this process.
Create a new public repository on github.
Clone the new repo locally and create your site content package, even starting with something as simple as a standalone index.html.
Add a file called CNAME to the repo, containing only a single line with your just-purchased domain in it. e.g. domain.com.
Commit the content to github.
In the settings --> pages menu of the repository on github.com, point to the correct branch, and enter the domain under "Cu

This map is rendered dynamically using d3.js with topoJSON data from the us-atlas.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Mapbox GL JS</title>
	<meta charset='utf-8'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel='stylesheet' href='../app/assets/scripts/mapbox-gl.css' />
	<script src='../app/assets/scripts/mapbox-gl.js'></script>
	<style>
	body { margin: 0; padding: 0; }

	-- Isolate building features and height attributes
	WITH buildings AS (
	SELECT
	feature_type,
	osm_id,
	osm_timestamp,
	ST_Centroid(geometry) AS centroid,
	(
	SELECT
	value

	<html>
	<head>
	<title>Deckgl RGB PointCloud + Mapbox</title>
	<script src="https://unpkg.com/deck.gl@^7.0.0/dist.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.54.0/mapbox-gl.js"></script>
	<link rel="stylesheet" type="text/css" href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.54.0/mapbox-gl.css">
	<style>
	body {
	background-color: #000000;
	margin: 0;