R

R.R

+library(tidycensus)
+library(tidyverse)
+
+
+#log on with API
+census_api_key("7a853acf81fd5758228680556ac831138c40b83e")
+
+
+
+callData = function(year,table,municipality) {
+  
+  #year is between 2000 and 2020
+  #table is dp02pr, dp03, dp04, dp05
+  
+  #load variables
+  variables = load_variables(year,"acs5/profile")
+  #load variable vectors
+  codes = variables$name
+  codesBool = startsWith(codes,table)
+  
+  codes = codes[codesBool]
+  labels = variables$label[codesBool]
+  
+  #pull table
+  bigTable = get_acs(geography = "county",
+                 state = "PR",
+                 year = year,
+                 county = municipality,
+                 variables = codes)
+  
+  bigTable$Label = labels
+  bigTable = bigTable[c("Label","estimate","moe")]
+  return(bigTable)
+}
+
+table = callData(2020,"DP05","Aguada")
+

fetchData.js

+import * from styles
+import DropDownPicker from 'react-native-dropdown-picker';
+import React, {useState, useEffect} from 'react';
+
+
+//ALL REQUIRED TO GET DATA
+
+DropDownPicker.setListMode("SCROLLVIEW")
+
+//data parsing goes here
+function getInfo(information){
+	//console.log(information[6])
+	if(!information)
+	{Alert.alert("Please try again later! Error retriving data")}
+	else
+	{return information}
+
+	
+}
+
+
+//data display
+
+class DataButton extends React.Component{
+	
+	state = {
+		click: false
+	}
+	
+	pullData = () => {createQuery(pueblo, table); information = loadDoc(query); this.setState({click: true})}
+	
+	
+	render() {
+		return(
+		<View>
+			<Button
+			onPress = {this.pullData}
+			title = "Fetch Data"
+			color = "black"
+			/>
+			<Text style={styles.sub}>{getInfo()}</Text> 
+		</View>
+	);}	
+}
+
+
+function createQuery(pueblo, table) {
+	
+	const queryBase = "https://api.census.gov/data/2020/acs/acs5/profile?get=group"
+	const queryEnd = "&in=state:72"
+	console.log("fetching data")
+	
+	var query = queryBase + "(" + table + ")&for=county:" + pueblo + queryEnd 
+	
+	if(pueblo && table)
+	{return query}
+	else
+	{Alert.alert("Please fill every parameter before calling!")}
+	
+}
+
+function loadDoc(query) {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+         var information = this.responseText;
+		 return information
+  }
+  };
+  xhttp.open("GET", query, true);
+  xhttp.send();
+  
+}

styles.js

+//styles
+
+const styles = StyleSheet.create({
+	
+  buttons: {
+	  flexDirection: 'row',
+	  justifyContent: 'center',
+	  marginTop: 40,
+	  marginBottom: 30,
+	  margin: 30,
+	  borderColor: "grey",
+	  borderRadius: 8,
+	  padding: (30, 16),
+	  backgroundColor: "black",
+	  marginTop: 0
+  }, 
+  buttonContainer: {
+    flexDirection: 'column',
+    backgroundColor: '#f0f8ff',
+    // alignItems: 'center',
+    // justifyContent: 'center',
+	paddingTop:40,
+	marginTop: 15,
+  },
+  bottom: {
+    flex: 0.3,
+    backgroundColor: "gray",
+    borderWidth: 5,
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20,
+	alignItems:'center',
+
+  },
+  container: {
+    flexDirection: 'column',
+	justifyContent: 'center',
+    backgroundColor: '#f0f8ff',
+    alignItems: 'center',
+    justifyContent: 'center',
+	paddingTop:20,
+	marginTop: 15,
+  },
+
+
+  containerbackground:{
+	
+    backgroundColor: '#f0f8ff'
+  },
+  intro: {
+	  fontWeight: "bold",
+      color:"#black",
+	  fontSize: 30,
+  },
+
+  sub: {
+	color:"#black",  
+	fontWeight: "bold",
+	fontSize: 15,
+	paddingBottom:10,
+},
+
+  Navsub: {
+      color:"#black",  
+	  fontWeight: "bold",
+	  fontSize: 30,
+	  paddingBottom:10,
+  },
+  scrollView:{
+	  marginHorizontal: 20
+  },
+  listItem:{
+	  fontSize: 30,
+	  color: "white",
+	  textDecorationLines: "underline"
+  },
+  listButtons:{
+	  fontSize: 15,
+	  color: "white",
+	  textDecorationLines: "underline"  
+  },
+  buttonsVer: {
+	  flexDirection: 'column',
+	  justifyContent: 'center',
+	  marginTop: 40,
+	  marginBottom: 30,
+	  margin: 30,
+	  borderColor: "grey",
+  }
+});