One Paragraph of project description goes here
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
<!doctype html> | |
<html> | |
<head> | |
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" | |
crossorigin=""/> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.8/d3.min.js" type="text/JavaScript"></script> | |
<link rel="stylesheet" type="text/css" href="css/style.css"> |
async function chicagoMap(){ | |
let chiNeighborhoods = await d3.json('https://raw.githubusercontent.com/zaynaib/chicago-elections/main/election_leaflet/data/chicago-wards.geojson') | |
console.log(chiNeighborhoods) | |
let width = 700; | |
let height = 780; |
library("tidyverse") | |
library("ggmap") | |
redLight <- read.csv("speed-camera-locations.csv") | |
glimpse(redLight) | |
chicago <- c(lat=-87.6298,lat=41.8781) | |
chicago_map <- get_map(location = chicago, zoom=10) | |
ggmap(chicago_map) + |
const barRect = wrapper.append("g") | |
.selectAll('rect') | |
.data(types) | |
.join('rect') | |
// xScale takes the type, returns the left/right location | |
.attr("x", d => xScale(d)) | |
// yScale gets the count from the object | |
.attr("y", d => yScale(byType[d].length)) |
function init() { | |
var selector = d3.select("#selDataset"); | |
d3.json("samples.json").then((data) => { | |
console.log(data); | |
var sampleNames = data.names; | |
sampleNames.forEach((sample) => { | |
selector | |
.append("option") | |
.text(sample) |
import React from "react"; | |
import "./Input.css"; | |
import fonts from "../data.json"; | |
import Card from "./Card" | |
import Main from "./Main" | |
class Input extends React.Component{ | |
constructor(props) { | |
super(props); | |
license: gpl-3.0 | |
height: 620 |