JS Bin

100%

✓ Published0🌍 Public

Last edited Mar 8, 2017

Created on Mar 8, 2017

This example demonstrates how JavaScript array methods handle sorting and frequency counting. It defines a `maxSpeed` object for vehicles, then converts it into an array of `[key, value]` pairs to sort by numeric speed using both a custom `compareNumbers` function and the default `sort()`. It also counts character frequencies from a string using `reduce()`. All results are logged to the console via `console.log`, with the code running as plain JavaScript in a JS Bin environment.

AI-generated description

Similar vizzes

Loading thumbnail…

JS Bin

This example counts character frequency in a long string of text and outputs a sorted array of characters with their occurrence counts. The code uses JavaScript's `reduce` method to build a frequency object, then sorts the result in descending order using a custom `compareNumbers` function. The data source is a hardcoded string of lowercase letters and underscores. The final output is logged to the console via `console.log`, showing the sorted array in descending order by frequency.

JJn1532

72% match

Loading thumbnail…

JS Array Basics

This example demonstrates fundamental JavaScript array operations through console-logged examples. It shows how to generate a numeric range and apply array methods including filter, forEach, map, sort, and reduce. The code also illustrates how reduce can transform an array into an object by accumulating key-value pairs. All operations are performed in plain JavaScript with no external libraries or data sources, using a hardcoded array of numbers and sample entries.

CCaroline Ghisolfi

65% match

Loading thumbnail…

JS Arrays exercise

This example demonstrates the results of JavaScript array operations by logging computed values to the browser console. It uses D3’s `ascending` import and the native `reduce`, `sort`, and `range` methods to generate an array of 40 numbers, sum them, and sort an array of key-value objects by their keys. The page itself renders only a blank screen with oversized text styling, as all output appears in the console via `console.log`. The source code is defined in `index.js` and loaded through a minimal `index.html` shell.

Ppkdvalis

65% match

Loading thumbnail…

JS Fundamentals

This example demonstrates core JavaScript array operations implemented by hand, including range generation, filtering, sorting, mapping, and reducing. The code uses D3 v7’s `ascending` comparator within a custom `sort` function to order objects by key, then reduces an array of key-value pairs into a single object. All logic runs in the browser console, producing logged output for each step; the page itself is intentionally blank, with SVG shapes referenced only in the README. The visualization relies purely on native JavaScript methods and D3’s utility functions, with no graphical rendering.

Yyankesswang

65% match

Loading thumbnail…

Javascript Arrays

This example demonstrates JavaScript array methods by logging transformations of a hardcoded dataset to the browser console. It uses `filter` to select even numbers, `sort` with a custom comparator and the imported `ascending` function from d3 to order values, and `map` to create objects containing each number and its double. A `reduce` operation converts an array of key-value objects into a single object keyed by the original keys. The example runs entirely in the console without producing any visual output on the page.

KKhanin Sisaengsuwanchai

64% match

Loading thumbnail…

JS Bin

This example demonstrates two JavaScript array and string manipulation techniques: counting duplicate names in an array using the `reduce` method, and checking if two words are anagrams by sorting their lowercase, trimmed characters. The code logs results to the console, showing a counted object with name frequencies and a boolean `isAnagram` variable. It relies on native JavaScript functions like `toLowerCase`, `split`, `sort`, `join`, and `trim`, with no external visualization libraries. The dataset is a hardcoded array of names and two test words embedded directly in the script.

JJn1532

64% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates JavaScript array manipulation techniques, including `forEach`, `filter`, `sort`, `map`, and `reduce`, using a generated range of numbers and an array of key-value objects. The code highlights sorting differences between default lexicographic ordering and numeric sorting with a comparator, as well as using the `ascending` helper from d3. It also shows how `reduce` can transform an array into an object or sum values. The visualization is a code-based teaching tool with no visual output, focusing on logged results in the console.

Ppawelsapiecha

64% match

Loading thumbnail…

Javascript_Arrays

This example demonstrates sorting arrays with D3, showing both numeric and object-based data. It uses `d3.ascending` and `d3.descending` to sort numbers in ascending or descending order, and also sorts arrays of objects by their key or value properties using custom comparator functions. The code, written in JavaScript with the d3 library (v7.8.2), logs the sorted results to the console, comparing D3’s sort methods against manual comparison logic.

JJaga-droid

64% match