Casino Blackjack

100%

Casino Blackjack

✓ Published0🌍 Public

Last edited Oct 5, 2022

Created on Oct 5, 2022

This visualization tracks plant counts in agricultural fields using a simple counter interface. It shows two separate tallies: the number of rows in a field and the average number of plants per row, both controlled by INCREMENT and SAVE buttons. The code uses vanilla JavaScript DOM methods like `getElementById` and `textContent` to update displayed counts and log previous entries. D3 is loaded via CDN but is not actively used. Data comes from field staff conducting their second estimate, with values manually entered by users.

AI-generated description

This Plant Count app takes plant entries per field following number of rows per field, taking different fields and average number of plants per row within a specific field. The data comes from field staff doing their 2nd estimate.

MIT Licensed

Similar vizzes

Loading thumbnail…

Plant Counts:

This interactive plant-counting tool records field data from staff second estimates. Two synchronized counter panels let users increment and save the number of rows per field and the average plants per row. Using plain JavaScript with event handlers and DOM updates, each save appends the current count to a running log. The layout uses basic HTML elements with CSS styling, while the D3 library is loaded but does not drive the visualization logic.

AAndrew-Kiwa

80% match

Loading thumbnail…

Fork of D3 Update Pattern –Punchcard Example V5

This interactive punchcard chart uses D3 v5 to visualize barley crop yields across multiple Minnesota sites over two years. Users select a site from a dropdown menu, triggering animated transitions of circles positioned by year and barley genotype, with circle radius scaled by yield value. The chart displays SVG axes and marks, and the code uses D3's `nest()`, `map()`, `dispatch`, `scalePoint`, `scaleSqrt`, and `axisBottom` for data aggregation and rendering.

PPujitha14challagulla

63% match

Loading thumbnail…

D3 Update Pattern –Punchcard Example V5

This interactive punchcard chart displays barley yield data across multiple sites and years, with a dropdown menu to switch between six different locations. The visualization uses the D3.js v5 general update pattern, employing `d3.nest()` to group data by site and genotype, `d3.scalePoint()` for axes, and `d3.scaleOrdinal` with the `schemeAccent` color palette for categorical differentiation. Animated transitions via `svg.transition()` update the y-axis and circle positions, sizes, and colors when the selected site changes, with circle radius scaled by `d3.scaleSqrt()` based on yield values. The chart renders as SVG with axes and interactive elements, animated over 750-millisecond intervals.

JJimMaltby

63% match

Loading thumbnail…

D3 Update Pattern – (block)Punchcard Example V5

This interactive punchcard chart visualizes barley yield data across multiple sites and years, with each circle’s size mapped to the yield value. A dropdown menu filters the dataset by site, and when a new site is selected, the chart transitions smoothly. The visualization uses D3 v5’s `dispatch` event system, `d3.nest()`, and `d3.map()`, along with `d3.scaleSqrt()` for circle scaling and `transition().duration(750)` for animated updates. The data is loaded from a CSV file, and the chart is rendered as SVG with ordinal axes.

JJimMaltby

62% match

Loading thumbnail…

CAP 4744/5745 - Interactive Data Visualization - Project 2

This interactive dashboard presents four distinct datasets—Calvin College 2004, Iris, Titanic Passenger List, and World Bank Science & Technology—each accessible via a Bootstrap navigation bar. The main page displays thumbnail images linking to separate visualizations. The code uses D3.js v5 to generate simple scatterplots, loading data and mapping values to x and y scales with `d3.scaleLinear` and `d3.extent`. Circles are appended to SVG containers using `selectAll` and `data` joins, with positioning based on array indices and a specified y-field.

Aanagi2597

62% match

Loading thumbnail…

Untitled

This visualization shows the cumulative growth of a dataset from 1949 to 2019, tracking a running total that increases from 5 to nearly 15,000 over seven decades. The data is loaded from a CSV file using D3’s `csv()` function, though the rendering logic is incomplete in the provided `index.js`. The example demonstrates how to import and parse tabular data with D3 v3, including accessing SVG dimensions via `.attr()` and preparing the data for subsequent plotting. The chart’s design and marks are not yet implemented in the visible code.

Eelaine-xiao

62% match

Loading thumbnail…

D3 Update Pattern –Punchcard Example

A punchcard chart displays barley yield data across six sites, with each row representing a barley genotype and each column a year. Users select a site from a dropdown menu to trigger a smooth, 750-millisecond transition that updates the chart via the D3.js **v4** general update pattern. The visualization uses **d3.scalePoint** for axes, **d3.scaleSqrt** for circle radii, **d3.scaleOrdinal** with **d3.schemeCategory20b** for colors, and **d3.axisLeft**/ **d3.axisBottom** for rendering. Data from `barleyfull.csv` is loaded using **d3.csv** and processed with **d3.nest** and **d3.map**, with events handled via **d3.dispatch**.

JJimMaltby

62% match

Loading thumbnail…

Offsite tree species

This visualization displays the count of offsite tree species across different biogeoclimatic zones, using a bar chart with a Viridis color scale. The view aggregates species counts per zone and includes species names in tooltips. Built with the vega-lite-api and d3.csv, it loads data from a GitHub-hosted CSV file and renders through Vega-Lite’s SVG output, customizing axis and label styling via a separate config object.

JJane Wang

61% match