indexed_chart2 = Plot.plot({
height: 800,
y: {
axis: null,
label: null,
grid: false,
ticks: null
},
x: {
tickFormat: "",
label: null,
axis: null
},
marks: [
Plot.line(
indexed_data,
Plot.normalizeY({
x: "year",
y: "value",
stroke: (d) => (d.name == "spending" ? "#9CD4FF" : "#FF5F00"),
strokeWidth: 10
})
)
]
})
statewide_data = FileAttachment("statewide summary@3.csv").csv({ typed: true })
county_change_over_time_data = FileAttachment(
"county-change-over-time@2.csv"
).csv({ typed: true })
local_data = FileAttachment("local-data@2.csv").csv({ typed: true })
indexed_data = FileAttachment("indexed-chart@1.csv").csv({ typed: true })
import {
addTooltips,
hover,
id_generator
} from "@cyrusobrien/property-crime-rates-by-state-1985-2020"
Plot = tooltipPlugin(await require("@observablehq/plot"))
tooltipPlugin = (Plot) => {
const { plot } = Plot;
Plot.plot = ({ tooltip, ...options }) => addTooltips(plot(options), tooltip);
return Plot;
}
selection = {
if (main_chart_input == "All Offenses") {
return "total";
} else if (main_chart_input == "Violent Offenses") {
return "violent";
} else if (main_chart_input == "Property Offenses") {
return "property";
}
}
county_offense_type = {
if (county_rate_input == "All Offenses") {
return "total_change";
} else if (county_rate_input == "Violent Offenses") {
return "violent_change";
} else if (county_rate_input == "Property Offenses") {
return "property_change";
}
}
county_static_rate03 = {
if (county_rate_input == "All Offenses") {
return "total03";
} else if (county_rate_input == "Violent Offenses") {
return "violent03";
} else if (county_rate_input == "Property Offenses") {
return "property03";
}
}
county_static_rate22 = {
if (county_rate_input == "All Offenses") {
return "total22";
} else if (county_rate_input == "Violent Offenses") {
return "violent22";
} else if (county_rate_input == "Property Offenses") {
return "property22";
}
}
local_selection = {
if (local_input == "All Offenses") {
return "total";
} else if (local_input == "Violent Offenses") {
return "violent";
} else if (local_input == "Property Offenses") {
return "property";
}
}
local_selection_crime_rate = {
if (local_input == "All Offenses") {
return "total_crime_rate";
} else if (local_input == "Violent Offenses") {
return "violent_crime_rate";
} else if (local_input == "Property Offenses") {
return "property_crime_rate";
}
}
dollar_format_big(15000000000)
dollar_format_big = (number) => d3.format("$.2s")(number).replace("G", "B")
dollar_format = d3.format("$,.0f")
percent_format = d3.format(".0%")
unique_list = [
"Adelanto PD",
"Alameda PD",
"Alhambra PD",
"Aliso Viejo PD",
"Anaheim PD",
"Antioch PD",
"Apple Valley PD",
"Arcadia PD",
"Atascadero PD",
"Atwater PD",
"Azusa PD",
"Bakersfield PD",
"Baldwin Park PD",
"Banning PD",
"Barstow PD",
"Beaumont PD",
"Bell PD",
"Bellflower PD",
"Bell Gardens PD",
"Belmont PD",
"Benicia PD",
"Berkeley PD",
"Beverly Hills PD",
"Brawley PD",
"Brea PD",
"Brentwood PD",
"Buena Park PD",
"Burbank PD",
"Burlingame PD",
"Calexico PD",
"Camarillo PD",
"Campbell PD",
"Carlsbad PD",
"Carson PD",
"Cathedral City PD",
"Ceres PD",
"Cerritos PD",
"Chico PD",
"Chino PD",
"Chino Hills PD",
"Chula Vista PD",
"Citrus Heights PD",
"Claremont PD",
"Clovis PD",
"Coachella PD",
"Colton PD",
"Compton PD",
"Concord PD",
"Corona PD",
"Costa Mesa PD",
"Covina PD",
"Culver City PD",
"Cupertino PD",
"Cypress PD",
"Daly City PD",
"Dana Point PD",
"Danville PD",
"Davis PD",
"Delano PD",
"Desert Hot Springs PD",
"Diamond Bar PD",
"Downey PD",
"Dublin PD",
"East Palo Alto PD",
"Eastvale PD",
"El Cajon PD",
"El Centro PD",
"El Cerrito PD",
"Elk Grove PD",
"El Monte PD",
"Encinitas PD",
"Escondido PD",
"Eureka PD",
"Fairfield PD",
"Folsom PD",
"Fontana PD",
"Foster City PD",
"Fountain Valley PD",
"Fremont PD",
"Fresno PD",
"Fullerton PD",
"Galt PD",
"Gardena PD",
"Garden Grove PD",
"Gilroy PD",
"Glendale PD",
"Glendora PD",
"Goleta PD",
"Hanford PD",
"Hawthorne PD",
"Hayward PD",
"Hemet PD",
"Hercules PD",
"Hesperia PD",
"Highland PD",
"Hollister PD",
"Huntington Beach PD",
"Huntington Park PD",
"Imperial Beach PD",
"Indio PD",
"Inglewood PD",
"Irvine PD",
"Jurupa Valley PD",
"Lafayette PD",
"Laguna Hills PD",
"Laguna Niguel PD",
"La Habra PD",
"Lake Elsinore PD",
"Lake Forest PD",
"Lakewood PD",
"La Mesa PD",
"La Mirada PD",
"Lancaster PD",
"La Puente PD",
"La Quinta PD",
"Lathrop PD",
"La Verne PD",
"Lawndale PD",
"Lemon Grove PD",
"Lemoore PD",
"Lincoln PD",
"Livermore PD",
"Lodi PD",
"Loma Linda PD",
"Lompoc PD",
"Long Beach PD",
"Los Altos PD",
"Los Angeles PD",
"Los Banos PD",
"Los Gatos PD",
"Lynwood PD",
"Madera PD",
"Manhattan Beach PD",
"Manteca PD",
"Martinez PD",
"Maywood PD",
"Menifee PD",
"Menlo Park PD",
"Merced PD",
"Milpitas PD",
"Mission Viejo PD",
"Modesto PD",
"Monrovia PD",
"Montclair PD",
"Montebello PD",
"Monterey PD",
"Monterey Park PD",
"Moorpark PD",
"Moreno Valley PD",
"Morgan Hill PD",
"Mountain View PD",
"Murrieta PD",
"Napa PD",
"National City PD",
"Newark PD",
"Newport Beach PD",
"Norwalk PD",
"Novato PD",
"Oakland PD",
"Oakley PD",
"Oceanside PD",
"Ontario PD",
"Orange PD",
"Oxnard PD",
"Pacifica PD",
"Palmdale PD",
"Palm Desert PD",
"Palm Springs PD",
"Palo Alto PD",
"Paramount PD",
"Pasadena PD",
"Paso Robles PD",
"Perris PD",
"Petaluma PD",
"Pico Rivera PD",
"Pittsburg PD",
"Placentia PD",
"Pleasant Hill PD",
"Pleasanton PD",
"Pomona PD",
"Porterville PD",
"Poway PD",
"Rancho Cordova PD",
"Rancho Cucamonga PD",
"Rancho Palos Verdes PD",
"Rancho Santa Margarita PD",
"Redding PD",
"Redlands PD",
"Redondo Beach PD",
"Redwood City PD",
"Rialto PD",
"Richmond PD",
"Ridgecrest PD",
"Riverside PD",
"Rocklin PD",
"Rohnert Park PD",
"Rosemead PD",
"Roseville PD",
"Sacramento PD",
"Salinas PD",
"San Bernardino PD",
"San Bruno PD",
"San Carlos PD",
"San Clemente PD",
"San Diego PD",
"San Dimas PD",
"San Francisco PD",
"San Gabriel PD",
"Sanger PD",
"San Jacinto PD",
"San Jose PD",
"San Juan Capistrano PD",
"San Leandro PD",
"San Luis Obispo PD",
"San Marcos PD",
"San Mateo PD",
"San Pablo PD",
"San Rafael PD",
"San Ramon PD",
"Santa Ana PD",
"Santa Barbara PD",
"Santa Clara PD",
"Santa Clarita PD",
"Santa Cruz PD",
"Santa Maria PD",
"Santa Monica PD",
"Santa Paula PD",
"Santa Rosa PD",
"Santee PD",
"Saratoga PD",
"Seal Beach PD",
"Seaside PD",
"Simi Valley PD",
"Soledad PD",
"South Gate PD",
"South Pasadena PD",
"South San Francisco PD",
"Stanton PD",
"Stockton PD",
"Suisun City PD",
"Sunnyvale PD",
"Temecula PD",
"Temple City PD",
"Thousand Oaks PD",
"Torrance PD",
"Tracy PD",
"Tulare PD",
"Turlock PD",
"Tustin PD",
"Twentynine Palms PD",
"Union City PD",
"Upland PD",
"Vacaville PD",
"Vallejo PD",
"Ventura PD",
"Victorville PD",
"Visalia PD",
"Vista PD",
"Walnut PD",
"Walnut Creek PD",
"Wasco PD",
"Watsonville PD",
"West Covina PD",
"West Hollywood PD",
"Westminster PD",
"West Sacramento PD",
"Whittier PD",
"Wildomar PD",
"Windsor PD",
"Woodland PD",
"Yorba Linda PD",
"Yuba City PD",
"Yucaipa PD",
"Alameda Sheriff",
"Butte Sheriff",
"Calaveras Sheriff",
"Contra Costa Sheriff",
"El Dorado Sheriff",
"Fresno Sheriff",
"Humboldt Sheriff",
"Imperial Sheriff",
"Kern Sheriff",
"Kings Sheriff",
"Lake Sheriff",
"Los Angeles Sheriff",
"Madera Sheriff",
"Marin Sheriff",
"Mendocino Sheriff",
"Merced Sheriff",
"Monterey Sheriff",
"Nevada Sheriff",
"Orange Sheriff",
"Placer Sheriff",
"Riverside Sheriff",
"Sacramento Sheriff",
"San Bernardino Sheriff",
"San Diego Sheriff",
"San Joaquin Sheriff",
"San Luis Obispo Sheriff",
"San Mateo Sheriff",
"Santa Barbara Sheriff",
"Santa Clara Sheriff",
"Santa Cruz Sheriff",
"Shasta Sheriff",
"Sonoma Sheriff",
"Stanislaus Sheriff",
"Tehama Sheriff",
"Tulare Sheriff",
"Tuolumne Sheriff",
"Ventura Sheriff",
"Yolo Sheriff",
"Yuba Sheriff"
]
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.