|
2 | 2 |
|
3 | 3 | ## About |
4 | 4 |
|
5 | | -The following application has been designed to visualize the movement of cows among pens |
6 | | -to help understand the transmission of Bird Flu in cattle. This application runs within a web browser and has been designed to work with your herd movement data. |
7 | | -The herd movement data must be loading into the application in order for the application to work, but this data is only stored in memory preventing others |
8 | | -of accessing it. |
| 5 | +The following application has been designed to visualize the movement of dairy cattle between pens, |
| 6 | +to help inform transmission of Bird Flu (Influenza A Virus, subtype H5N1) in cattle. This application runs within a web browser and has been designed to work with your herd movement data. |
| 7 | +Herd movement data must be loaded into the application in order for it to work. This data is only stored in memory, which prevents others |
| 8 | +from accessing it. |
9 | 9 |
|
10 | 10 | ## Requirements |
11 | | -This application requires two files for it to run: |
12 | | - |
13 | | -1. A comma separated variable (CSV) file (with extension .csv) listing herd movements containing the following |
14 | | - header columns: ID, CURRENT PEN, TO PEN, EVENT, and DATE |
15 | | - - ID: the cow ID |
16 | | - - CURRENT PEN: the current pen number the cow was in |
17 | | - - TO PEN: the pen number where the cow was moved |
18 | | - - EVENT: The reason for the move (note that 'FLU' and 'WELL') are used to drive a visual representation of cows in the app |
19 | | - - DATE: the day the event occurred in the format M/D/YY |
| 11 | +This application requires two files: |
| 12 | + |
| 13 | +1. A comma separated variable (CSV; with extension .csv) file listing dates and cattle movements, with the following |
| 14 | + column headers: ID, CURRENT PEN, TO PEN, EVENT, and DATE |
| 15 | + - ID: the cow ID or other cow identifier |
| 16 | + - CURRENT PEN: a number specifying the pen the cow is currently in |
| 17 | + - TO PEN: a number specifying the pen the cow is moving to |
| 18 | + - EVENT: a reason for moving the cow (note that 'FLU' and 'WELL') are used to drive a visual representation of cows in the current application |
| 19 | + - DATE: the day the event and movement occurred, using format M/D/YY |
20 | 20 |
|
21 | | -Additional columns can be added though they will just pass through and appear in the table view. |
| 21 | +Additional columns can be added, though they will appear in the table view only. |
22 | 22 |
|
23 | | -2. A GeoJSON file (with extension .geojson) that contains polygons for the pens, with an 'id' for each pen. |
24 | | -This GeoJSON file can be created using https://geojson.io. Start by navigating to the farm location |
25 | | - and use the polygon tool (the square icon) to create shapes outlining each of the pens. |
26 | | - After each shape is drawn, **click** within the shape to reveal it's popup, |
27 | | - Enter 'id' (without quotes) into the left table cell, then enter the pen number in the right table cell, |
28 | | - and finally click **Save** from within the popup. |
29 | | - After all the pens (with 'id' numbers) have been added, clicking **Save** on the top left of the interface |
30 | | - will save a GeoJSON file to your computer. |
| 23 | +2. A GeoJSON file (with extension .geojson) that contains polygons specifying pen location, with an identifyer for each pen. |
| 24 | +This GeoJSON file can be created using https://geojson.io. A brief outline of how to create this file at the given web address is as follows: |
| 25 | + - Navigate to the farm location by using an address in the search bar |
| 26 | + - Use the polygon tool (the square icon) to create shapes outlining each pen denoted in the .csv file |
| 27 | + - After creating each pen polygon, **click** within the shape to reveal a pop-up, enter 'id' (without quotes) into the left table cell, enter the pen number in the right table cell, click **Save** from within the popup. |
| 28 | + - After adding all pens (with 'id' numbers), click **Save** on the top left of the interface. This will save a GeoJSON file to your computer. You will be able to reopen this within https://geojson.io to continue to edit |
| 29 | + the map, if needed. |
31 | 30 |
|
32 | 31 | ## Running the App |
33 | | -Once you have both the required files on your computer, make sure they are saved in the same directory and then navigate to https://geospatialcentroid.github.io/bird_flu_cattle |
34 | | -On your file system, navigate to the folder where the required files are saved, and drag them on to the file input field of the application. |
35 | | -The application will load these files into memory and show the first day of the data, placing the cows in their respective pens on the map. |
| 32 | +Once you have both required files on your computer, make sure they are saved in the same directory. Navigate to https://geospatialcentroid.github.io/bird_flu_cattle. Within your file system, navigate to the folder where the required files are saved and drag them, in turn, to the file input field of the application. |
| 33 | +The application will load these files into memory and show the first day of available data, which also places each cow in their respective pen on the map. |
36 | 34 |
|
37 | 35 | ## Using the App |
38 | | -The application provides many tools for you to explore your herd data. |
| 36 | +The application provides many tools for you to explore your herd data. These are described below. |
39 | 37 |
|
40 | 38 | ### The Map |
41 | | -The map itself allows you to zoom in and out of your farm and pan around. |
42 | | -The pens are drawn in blue and their id number is displayed on top. The pens can be clicked to reveal a popup, |
| 39 | +The map itself allows you to zoom in and out of your farm and pan to different map areas. |
| 40 | +The pens are drawn in blue and their id number is displayed in the lower left hand corner. When clicked over, each pen will reveal a popup, |
43 | 41 | and clicking the **Show Pen Data** link reveals a table showing all the cows in the pen on that day. |
44 | 42 |
|
45 | | -Cows are clustered within their pens symbolized by circles, and the number on the circle represents the count of clinical cows. |
46 | | -The circles are colored white unless one or more clinical cows are present within the pen, |
47 | | -then for each clinical cow in the pen, the white becomes redder by 10%. |
48 | | -If there is a recovered cow in the pen, a yellow outer circle is added around the cluster. |
| 43 | +Circles symbolize the cows present within each pen, with the number on the circle representing the count of clinical cows (cows denoted as 'FLU' in the uploaded .csv). |
| 44 | +The circles are colored white unless one or more clinical cows are present within the pen. In these cases there is will be a gradient of red shading to the circle; 10% darker for each clinical cow. |
| 45 | +If there is a recovered cow in the pen DESCRIBE HOW THE .CSV IS CALLED ON TO DETERMINE A RECOVERED COW, a yellow outer circle is added around the cluster. |
49 | 46 |
|
50 | | -To change this cluster number to either a precent of clinical cows, or simply the count of cows in the pen at that time, |
51 | | -use the *Cluster Number* dropdown on the bottom right of the map (above the legend). |
52 | | -Clicking the cluster reveals all the cows in that pen on that day, and they are colored based on the legend. |
53 | | -Clicking on a cow shows it's popup information and to see its movement history, click the **Show Movement History Link**, to reveal a table view of its data. |
| 47 | +To change the cluster number to a percent of clinical cows or a count of cows in the pen at that time, use the *Cluster Number* dropdown on the bottom right of the map (above the legend). |
| 48 | +Clicking the cluster will reveal a diagram of all cows in that pen on that day, colored based on the legend (sick, recovered, not sick or recovered). |
| 49 | +Clicking on a particular cow will show its movement and event history, you can click the **Show Movement History Link**, to reveal a table view of this data. |
54 | 50 |
|
55 | 51 | ### The Map Controls |
56 | 52 | Moving from left to right, the controls below the map do the following: |
57 | | -1. Search by Cow ID, enter a number into the input field to find where that particular cow is on the map. |
58 | | -2. The Start and End Date fields allow you to adjust the range used to animate cow movements over time. |
| 53 | +1. Cow ID look-up: enter a number into the input field to find where that particular cow is on the map. |
| 54 | +2. Start and End Date: these fields allow you to adjust the range used to animate cow movements over time. |
59 | 55 | The slider bar below these fields can also be used to adjust the start and end dates. |
60 | | - Once your desired date range is set, clicking the **play** button will start the animation. |
61 | | -3. The Current Date field updates as the animation progresses, or can be changed to any day within your data's range. |
62 | | - The left and right arrows next to this field allow you to jump either forward or backwards in time. |
| 56 | + Once a desired date range is set, clicking the **play** button will start the animation, moving between days at 0.3 sec/day. |
| 57 | + The Current Date field will update as the animation progresses, but can also be changed to any day within the range of data uploaded. |
| 58 | + The left and right arrows next to this field allow you to move forward or backward in time. |
63 | 59 |
|
64 | 60 | ### The Table View |
65 | 61 | A table is created when either the **Show Pen Data** link or **Show Movement History** link is clicked. |
66 | | -This table shows an exploded view of the loaded data, where each herd movement event is converted to a start and end date range. |
67 | | -Clicking a row in the table changes the current date to the start date of the row event and selects the corresponding cow ID on the map. |
| 62 | +This table shows an expanded view of the data, where each event has been converted to a start and end date range. |
| 63 | +Clicking a row in the table changes the current date to the date of the row event, and selects/highlights the corresponding cow on the map. |
0 commit comments