{"id":20798143,"url":"https://github.com/samcfuchs/sftrees","last_synced_at":"2025-07-10T13:35:23.857Z","repository":{"id":93775390,"uuid":"459257744","full_name":"Samcfuchs/SFTrees","owner":"Samcfuchs","description":"A quick, static D3 visualization of the San Francisco trees dataset","archived":false,"fork":false,"pushed_at":"2022-02-14T17:39:54.000Z","size":2229,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T02:14:14.009Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://scf73-hw1.herokuapp.com/static/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Samcfuchs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-14T17:24:34.000Z","updated_at":"2022-02-14T17:36:00.000Z","dependencies_parsed_at":"2023-03-01T13:00:21.988Z","dependency_job_id":null,"html_url":"https://github.com/Samcfuchs/SFTrees","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Samcfuchs/SFTrees","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samcfuchs%2FSFTrees","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samcfuchs%2FSFTrees/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samcfuchs%2FSFTrees/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samcfuchs%2FSFTrees/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Samcfuchs","download_url":"https://codeload.github.com/Samcfuchs/SFTrees/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samcfuchs%2FSFTrees/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264585362,"owners_count":23632648,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-17T16:36:45.454Z","updated_at":"2025-07-10T13:35:23.822Z","avatar_url":"https://github.com/Samcfuchs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tree Growth Visualization\nSam Fuchs (scf73)\n\n![screenshot](screenshot.png)\n\nI've designed a simple, static visualization that uses the San Francisco trees\ndataset to illustrate the growth of trees over time. In the process of\ndesigning, building and iterating on this visualization, I've added and\nsubtracted elements to generate this final product.\n\n## Basic Rationale\n\nMany of the trees in the San Francisco Trees dataset have the date of their\nplanting recorded. For these trees, we can calculate almost exactly their age.\nThis allows us to examine the relationship between tree age and size. In a\nsense, this represents the growth of trees over time. While the data is of\ncourse noisy, we can clearly see a pattern when we examine the mean diameter for\ntrees planted in each year. This visualization allows us to watch trees grow\nover time.\n\n## Challenges\n\nThe largest concern with this design concept is that the planting date is not\nrecorded for all of the trees in the dataset. Because there is no way to assume\na planting date for these trees, I've chosen to exclude them from the\nvisualization, which means that this visualization only represents 9,300 trees\nacross San Francisco. This is, however, a significant number of trees, and makes\nfor a clear and visually appealing plot.\n\n## Visual Elements\n\nThe major plot shows all of the trees with planting dates from the dataset,\norganized like so: the x-axis uses the planting date of the tree to compute its\nage in years from planting, and the y-axis represents the tree's diameter at\nbreast height. Although no unit is provided for the y-axis, I'm relatively\nconfident that the trees are measured in centimeters. Because the density of\nthese points makes the trend within the plot difficult to interpret unaided,\nI've added a trendline which follows the mean diameter of trees planted in each\nyear. This trendline helps us to see how the tree diameter increases with time.\n\n### Minimap\n\nThe two diagrams in the right-hand column depict two subsets of the data. In the\nplot on the top right, a map is drawn showing the locations of the largest trees\naround San Francisco. Many of these are immediately recognizable in the plot on\nthe left as outliers. By mapping the locations of these trees, we gain a better\nunderstanding of those outliers and how they are distributed throughout the\ncity. We can imagine a San Francisco resident who looks at the plot on the left\nand immediately wonders at the fact that there are trees in the city that are\nnearly a meter in diameter. This plot would show them where those trees are,\nperhaps so they see them when they are nearby.\n\n### Inset Plot\n\nThe scatterplot on the lower right-hand side is similar to the plot on the left,\nexcept that it examines the opposite subset of the data: the trees which are\nless than 25cm in diameter. Because there are so many more of these trees, the\npattern of growth is more pronounced, particularly as major outliers are\nremoved. Additionally, I use a different line interpolation scheme, which\nsmoothes out peaks and valleys more aggressively, and, as a result, the\ncorrelation between increasing age and increasing diameter is more obvious. This\nplot is designed to more clearly depict how the dataset illustrates tree growth.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamcfuchs%2Fsftrees","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamcfuchs%2Fsftrees","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamcfuchs%2Fsftrees/lists"}