Tutorial.BarGraph History

Hide minor edits - Show changes to output

August 28, 2015, at 03:46 PM by Simone Maiocchi -
Changed line 67 from:
* [[ForLoop | For Loop Iteration]] - Control multiple LEDs with a For Loop.
to:
* [[ForLoopIteration | For Loop Iteration]] - Control multiple LEDs with a For Loop.
Deleted line 68:
* [[Tutorial/IfStatement | If Statement]] - how to use an if statement to change output conditions based on changing input conditions.
August 28, 2015, at 03:45 PM by Simone Maiocchi -
Changed lines 67-68 from:
* [[ForLoop | For Loop]] - Control multiple LEDs with a For Loop.
* [[Array]] - a variation on the For Loop example that demonstrates how to use an array.
to:
* [[ForLoop | For Loop Iteration]] - Control multiple LEDs with a For Loop.
* [[Arrays]] - a variation on the For Loop example that demonstrates how to use an array.
August 28, 2015, at 03:44 PM by Simone Maiocchi -
August 28, 2015, at 03:43 PM by Simone Maiocchi -
Changed lines 1-6 from:
(:div class=breadcrumb:)
[[Tutorial.HomePage | Tutorials]] > [[Tutorial.Examples | Examples]] > Display > barGraph
(:divend:)

(:*toc:)
to:
(:html:)

<div class="subHeader row">

<div class="breadcrumb columns large-10 medium-10">
<p>
<a class="wikilink" href="/en/Tutorial/HomePage">Tutorials </a>
> <a class="wikilink" href="/en/Tutorial/BuiltInExamples"> Built-In Examples </a> > 07.Displays > Ping
</p>
</div>
</div>

(:htmlend:)

Added line 26:
(:div class=BOM:)
Changed lines 33-34 from:
to:
(:divend:)
Changed line 36 from:
to:
(:div class=circuit:)
Changed lines 49-50 from:
to:
(:divend:)
Changed lines 61-63 from:
* [[Reference/PinMode | pinMode() ]]
* [[Reference/For | for()]]
* [[Reference/DigitalWrite | digitalWrite()]]
to:
* [[Reference/PinMode | pinMode]]()
* [[Reference/For | for]]()
* [[Reference/DigitalWrite | digitalWrite]]()
Changed lines 65-66 from:
* [[Reference/Map | map()]]
to:
* [[Reference/Map | map]]()
July 28, 2015, at 03:54 PM by Simone Maiocchi -
Added lines 59-60:
\\
''Last revision 2015/07/28 by SM ''
July 07, 2015, at 05:50 PM by Simone Maiocchi -
Changed line 1 from:
(:div class=BreadCrumb:)
to:
(:div class=breadcrumb:)
July 07, 2015, at 01:37 PM by Simone Maiocchi -
Changed lines 7-8 from:
!!!LED Bar Graph
to:
!!LED Bar Graph
July 07, 2015, at 01:36 PM by Simone Maiocchi -
Changed lines 1-2 from:
''Examples > Display''
to:
(:div class=BreadCrumb:)
[[Tutorial.HomePage | Tutorials]] &gt; [[Tutorial.Examples | Examples]] &gt; Display &gt; barGraph
(:divend:)

(:*toc:)
July 05, 2015, at 07:26 PM by Simone Maiocchi -
Changed lines 45-50 from:
* [[Reference/PinMode | @@pinMode()@@ ]]
* [[Reference/For | @@for()@@]]
* [[Reference/DigitalWrite | @@digitalWrite()@@]]
* [[Reference/Else | @@if...else@@]]
* [[Reference/Map | @@map()@@]]
to:
* [[Reference/PinMode | pinMode() ]]
* [[Reference/For | for()]]
* [[Reference/DigitalWrite | digitalWrite()]]
* [[Reference/Else | if...else]]
* [[Reference/Map | map()]]
July 05, 2015, at 07:25 PM by Simone Maiocchi -
Changed lines 13-17 from:
* Arduino Board
* (1) LED bar graph display or 10 LEDs
* (1) Potentiometer
* (10) 220 ohm resistors
* hook-up wire
to:
* Arduino or Genuino Board
* LED bar graph display or 10 LEDs
* Potentiometer
* 10 220 ohm resistors
* hook-up wires
July 05, 2015, at 07:24 PM by Simone Maiocchi -
Changed lines 9-10 from:
The sketch works like this: first you read the input. You map the input value to the output range, in this case ten LEDs. Then you set up a [[Loop| for loop]] to iterate over the outputs. If the output's number in the series is lower than the mapped input range, you turn it on. If not, you turn it off.
to:
Added line 36:
The sketch works like this: first you read the input. You map the input value to the output range, in this case ten LEDs. Then you set up a [[Loop| for loop]] to iterate over the outputs. If the output's number in the series is lower than the mapped input range, you turn it on. If not, you turn it off.
Changed lines 39-40 from:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/07.Display/barGraph/barGraph.ino lang=arduino tabwidth=4:)
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/07.Display/barGraph/barGraph.ino lang=arduino tabwidth=4:)
July 05, 2015, at 07:22 PM by Simone Maiocchi -
Changed lines 5-6 from:
The bar graph - a series of LEDs in a line, such as you see on an audio display - is a common hardware display for analog sensors. It's made up of a series of LEDs in a row, an analog input like a potentiometer, and a little code in between. You can buy multi-LED bar graph displays fairly cheaply, like [[http://parts.digikey.com/1/parts/680928-led-bar-graph-10-segment-green-lta-1000g.html| this one]]. This tutorial demonstrates how to control a series of LEDs in a row, but can be applied to any series of digital outputs.
to:
The bar graph - a series of LEDs in a line, such as you see on an audio display - is a common hardware display for analog sensors. It's made up of a series of LEDs in a row, an analog input like a potentiometer, and a little code in between. You can buy multi-LED bar graph displays fairly cheaply, like [[http://www.digikey.com/product-detail/en/MV54164/1080-1183-ND/2675674| this one]]. This tutorial demonstrates how to control a series of LEDs in a row, but can be applied to any series of digital outputs.
April 10, 2014, at 05:15 PM by Roberto Guido - added a potentiometer in the list of required hardware. Thanks to Kris for the alert
Added line 16:
* (1) Potentiometer
May 02, 2012, at 04:04 PM by Scott Fitzgerald -
Changed lines 38-39 from:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/7.Display/barGraph/barGraph.ino lang=arduino tabwidth=4:)
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/07.Display/barGraph/barGraph.ino lang=arduino tabwidth=4:)
November 16, 2011, at 04:20 AM by Scott Fitzgerald -
Changed lines 38-39 from:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/7.Display/barGraph/barGraph.pde lang=arduino tabwidth=4:)
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/7.Display/barGraph/barGraph.ino lang=arduino tabwidth=4:)
September 23, 2010, at 10:43 PM by Christian Cerrito -
Added lines 3-4:
!!!LED Bar Graph
September 19, 2010, at 09:35 PM by Christian Cerrito -
Changed line 49 from:
* [[Array]]: a variation on the For Loop example that demonstrates how to use an array.
to:
* [[Array]] - a variation on the For Loop example that demonstrates how to use an array.
Changed line 51 from:
* [[Row Column Scanning]]: how to control an 8x8 matrix of LEDs.
to:
* [[Row Column Scanning]] - how to control an 8x8 matrix of LEDs.
September 19, 2010, at 09:34 PM by Christian Cerrito -
Changed line 37 from:
to:
Added lines 39-51:

!!!See Also:

* [[Reference/PinMode | @@pinMode()@@ ]]
* [[Reference/For | @@for()@@]]
* [[Reference/DigitalWrite | @@digitalWrite()@@]]
* [[Reference/Else | @@if...else@@]]
* [[Reference/Map | @@map()@@]]

* [[ForLoop | For Loop]] - Control multiple LEDs with a For Loop.
* [[Array]]: a variation on the For Loop example that demonstrates how to use an array.
* [[Tutorial/IfStatement | If Statement]] - how to use an if statement to change output conditions based on changing input conditions.
* [[Row Column Scanning]]: how to control an 8x8 matrix of LEDs.
September 19, 2010, at 09:20 PM by Christian Cerrito -
Changed lines 5-6 from:
This tutorial borrows from the [[Loop| For Loop and Arrays]] tutorial as well as the [[AnalogInput| Analog Input]] tutorial.
to:
This tutorial borrows from the [[Loop| '''For Loop and Arrays''']] tutorial as well as the [[AnalogInput| '''Analog Input''']] tutorial.
September 19, 2010, at 08:44 PM by Christian Cerrito -
Added lines 11-17:
!!!Hardware Required
* Arduino Board
* (1) LED bar graph display or 10 LEDs
* (10) 220 ohm resistors
* hook-up wire
* breadboard
September 19, 2010, at 08:08 PM by Christian Cerrito -
Changed lines 24-25 from:
%width=400px%[[Attach:BarGraph_schem.png | Attach:BarGraph_schem.png]]
to:
%width=400px%[[Attach: BarGraph2_schem.png | Attach:BarGraph2_schem.png]]
September 16, 2010, at 10:20 PM by Tom Igoe -
Changed line 29 from:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/Display/barGraph/barGraph.pde lang=arduino tabwidth=4:)
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/7.Display/barGraph/barGraph.pde lang=arduino tabwidth=4:)
February 24, 2010, at 04:32 AM by Tom Igoe -
Changed line 29 from:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/Display/BarGraph/BarGraph.pde lang=arduino tabwidth=4:)
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/Display/barGraph/barGraph.pde lang=arduino tabwidth=4:)
February 24, 2010, at 04:31 AM by Tom Igoe -
Changed lines 29-47 from:
%color=#7e7e7e%/*
%color=#7e7e7e% LED bar graph
%color=#7e7e7e%
%color=#7e7e7e% Turns on a series of LEDs based on the value of an analog sensor.
%color=#7e7e7e% This is a simple way to make a bar graph display. Though this graph
%color=#7e7e7e% uses 10 LEDs, you can use any number by changing the LED count
%color=#7e7e7e% and the pins in the array.
%color=#7e7e7e%
%color=#7e7e7e% This method can be used to control any series of digital outputs that
%color=#7e7e7e% depends on an analog input.
%color=#7e7e7e%
%color=#7e7e7e% The circuit:
%color=#7e7e7e% * LEDs from pins 2 through 11 to ground
%color=#7e7e7e%
%color=#7e7e7e% created 26 Jun 2009
%color=#7e7e7e% by Tom Igoe
%color=#7e7e7e%
%color=#7e7e7e% http://www.arduino.cc/en/Tutorial/BarGraph
%color=#7e7e7e% */
to:
(:source https://raw.githubusercontent.com/arduino/Arduino/master/build/shared/examples/Display/BarGraph/BarGraph.pde lang=arduino tabwidth=4:)
Deleted lines 30-67:

%color=#7e7e7e%// these constants won't change:
const %color=#cc6600%int%% analogPin = 0; %color=#7e7e7e%// the pin that the potentiometer is attached to
const %color=#cc6600%int%% ledCount = 10; %color=#7e7e7e%// the number of LEDs in the bar graph

%color=#cc6600%int%% ledPins[] = {
2, 3, 4, 5, 6, 7,8,9,10,11 }; %color=#7e7e7e%// an array of pin numbers to which LEDs are attached


%color=#cc6600%void%% %color=#cc6600%'''setup'''%%() {
%color=#7e7e7e%// loop over the pin array and set them all to output:
%color=#cc6600%for%% (%color=#cc6600%int%% thisLed = 0; thisLed < ledCount; thisLed++) {
%color=#cc6600%pinMode%%(ledPins[thisLed], %color=#006699%OUTPUT%%);
}
}

%color=#cc6600%void%% %color=#cc6600%'''loop'''%%() {
%color=#7e7e7e%// read the potentiometer:
%color=#cc6600%int%% sensorReading = %color=#cc6600%analogRead%%(analogPin);
%color=#7e7e7e%// map the result to a range from 0 to the number of LEDs:
%color=#cc6600%int%% ledLevel = %color=#cc6600%map%%(sensorReading, 0, 1023, 0, ledCount);

%color=#7e7e7e%// loop over the LED array:
%color=#cc6600%for%% (%color=#cc6600%int%% thisLed = 0; thisLed < ledCount; thisLed++) {
%color=#7e7e7e%// if the array element's index is less than ledLevel,
%color=#7e7e7e%// turn the pin for this element on:
%color=#cc6600%if%% (thisLed < ledLevel) {
%color=#cc6600%digitalWrite%%(ledPins[thisLed], %color=#006699%HIGH%%);
}
%color=#7e7e7e%// turn off all pins higher than the ledLevel:
%color=#cc6600%else%% {
%color=#cc6600%digitalWrite%%(ledPins[thisLed], %color=#006699%LOW%%);
}
}
}


August 27, 2009, at 08:57 PM by Tom Igoe -
Added lines 17-19:
[-image developed using [[http://www.fritzing.org |Fritzing]]. For more circuit examples, see the [[http://fritzing.org/projects/|Fritzing project page]] -]

July 05, 2009, at 07:49 PM by Tom Igoe -
Changed lines 24-31 from:
[@
/*
LED bar graph

Turns on a series of LEDs based on the value of an analog sensor.
This is a simple way to make a bar graph display. Though this graph
uses 10 LEDs, you can use any number by changing the LED count
and the pins in the array.
to:
(:div class=code :)
Changed lines 26-27 from:
This method can be used to control any series of digital outputs that
depends on an analog input.
to:
%color=#7e7e7e%/*
%color=#7e7e7e% LED bar graph
%color=#7e7e7e%
%color=#7e7e7e% Turns on a series of LEDs based on the value of an analog sensor.
%color=#7e7e7e% This is a simple way to make a bar graph display. Though this graph
%color=#7e7e7e% uses 10 LEDs, you can use any number by changing the LED count
%color=#7e7e7e% and the pins in the array.
%color=#7e7e7e%
%color=#7e7e7e% This method can be used to control any series of digital outputs that
%color=#7e7e7e% depends on an analog input.
%color=#7e7e7e%
%color=#7e7e7e% The circuit:
%color=#7e7e7e% * LEDs from pins 2 through 11 to ground
%color=#7e7e7e%
%color=#7e7e7e% created 26 Jun 2009
%color=#7e7e7e% by Tom Igoe
%color=#7e7e7e%
%color=#7e7e7e% http://www.arduino.cc/en/Tutorial/BarGraph
%color=#7e7e7e% */
Deleted lines 45-46:
The circuit:
* LEDs from pins 2 through 11 to ground
Changed lines 47-48 from:
created 26 Jun 2009
by Tom Igoe
to:
%color=#7e7e7e%// these constants won't change:
const %color=#cc6600%int%% analogPin = 0; %color=#7e7e7e%// the pin that the potentiometer is attached to
const %color=#cc6600%int%% ledCount = 10; %color=#7e7e7e%// the number of LEDs in the bar graph
Changed lines 51-90 from:
http://www.arduino.cc/en/Tutorial/BarGraph
*/


// these constants won't change:
const int analogPin = 0; // the pin that the potentiometer is attached to
const int ledCount = 10; // the number of LEDs in the bar graph

int ledPins[] = {
2, 3, 4, 5, 6, 7,8,9,10,11 }; // an array of pin numbers to which LEDs are attached


void setup() {
// loop over the pin array and set them all to output:
for (int thisLed = 0; thisLed < ledCount; thisLed++) {
pinMode(ledPins[thisLed], OUTPUT);
}
}

void loop() {
// read the potentiometer:
int sensorReading = analogRead(analogPin);
// map the result to a range from 0 to the number of LEDs:
int ledLevel = map(sensorReading, 0, 1023, 0, ledCount);

// loop over the LED array:
for (int thisLed = 0; thisLed < ledCount; thisLed++) {
// if the array element's index is less than ledLevel,
// turn the pin for this element on:
if (thisLed < ledLevel) {
digitalWrite(ledPins[thisLed], HIGH);
}
// turn off all pins higher than the ledLevel:
else {
digitalWrite(ledPins[thisLed], LOW);
}
}
}

@]
to:
%color=#cc6600%int%% ledPins[] = {
2, 3, 4, 5, 6, 7,8,9,10,11 }; %color=#7e7e7e%// an array of pin numbers to which LEDs are attached


%color=#cc6600%void%% %color=#cc6600%'''setup'''%%() {
%color=#7e7e7e%// loop over the pin array and set them all to output:
%color=#cc6600%for%% (%color=#cc6600%int%% thisLed = 0; thisLed < ledCount; thisLed++) {
%color=#cc6600%pinMode%%(ledPins[thisLed], %color=#006699%OUTPUT%%);
}
}

%color=#cc6600%void%% %color=#cc6600%'''loop'''%%() {
%color=#7e7e7e%// read the potentiometer:
%color=#cc6600%int%% sensorReading = %color=#cc6600%analogRead%%(analogPin);
%color=#7e7e7e%// map the result to a range from 0 to the number of LEDs:
%color=#cc6600%int%% ledLevel = %color=#cc6600%map%%(sensorReading, 0, 1023, 0, ledCount);

%color=#7e7e7e%// loop over the LED array:
%color=#cc6600%for%% (%color=#cc6600%int%% thisLed = 0; thisLed < ledCount; thisLed++) {
%color=#7e7e7e%// if the array element's index is less than ledLevel,
%color=#7e7e7e%// turn the pin for this element on:
%color=#cc6600%if%% (thisLed < ledLevel) {
%color=#cc6600%digitalWrite%%(ledPins[thisLed], %color=#006699%HIGH%%);
}
%color=#7e7e7e%// turn off all pins higher than the ledLevel:
%color=#cc6600%else%% {
%color=#cc6600%digitalWrite%%(ledPins[thisLed], %color=#006699%LOW%%);
}
}
}



(:divend:)
June 26, 2009, at 09:22 PM by Tom Igoe -
Added lines 9-10:
%width=200px%http://media.digikey.com/photos/Lite%20On%20Photos/LITE-ON%20INC-%20LTA-1000G.jpg"A bar graph display"
June 26, 2009, at 09:20 PM by Tom Igoe -
Changed lines 3-4 from:
The bar graph - a series of LEDs in a line, such as you see on an audio display - is a common hardware display for analog sensors. It's made up of a series of LEDs in a row, an analog input like a potentiometer, and a little code in between. This tutorial demonstrates how to control a series of LEDs in a row, but can be applied to any series of digital outputs.
to:
The bar graph - a series of LEDs in a line, such as you see on an audio display - is a common hardware display for analog sensors. It's made up of a series of LEDs in a row, an analog input like a potentiometer, and a little code in between. You can buy multi-LED bar graph displays fairly cheaply, like [[http://parts.digikey.com/1/parts/680928-led-bar-graph-10-segment-green-lta-1000g.html| this one]]. This tutorial demonstrates how to control a series of LEDs in a row, but can be applied to any series of digital outputs.
June 26, 2009, at 09:14 PM by Tom Igoe -
Changed lines 5-79 from:
This tutorial borrows from the [[Loop| For Loop and Arrays]] tutorial as well as the [[AnalogInput]] tutorial.
to:
This tutorial borrows from the [[Loop| For Loop and Arrays]] tutorial as well as the [[AnalogInput| Analog Input]] tutorial.

The sketch works like this: first you read the input. You map the input value to the output range, in this case ten LEDs. Then you set up a [[Loop| for loop]] to iterate over the outputs. If the output's number in the series is lower than the mapped input range, you turn it on. If not, you turn it off.

!!!Circuit

[-click the image to enlarge-]

%width=400px%[[Attach:BarGraph_bb.png | Attach:BarGraph_bb.png]]

'''Schematic:'''

[-click the image to enlarge-]

%width=400px%[[Attach:BarGraph_schem.png | Attach:BarGraph_schem.png]]

!!!Code
[@
/*
LED bar graph

Turns on a series of LEDs based on the value of an analog sensor.
This is a simple way to make a bar graph display. Though this graph
uses 10 LEDs, you can use any number by changing the LED count
and the pins in the array.

This method can be used to control any series of digital outputs that
depends on an analog input.

The circuit:
* LEDs from pins 2 through 11 to ground

created 26 Jun 2009
by Tom Igoe

http://www.arduino.cc/en/Tutorial/BarGraph
*/


// these constants won't change:
const int analogPin = 0; // the pin that the potentiometer is attached to
const int ledCount = 10; // the number of LEDs in the bar graph

int ledPins[] = {
2, 3, 4, 5, 6, 7,8,9,10,11 }; // an array of pin numbers to which LEDs are attached


void setup() {
// loop over the pin array and set them all to output:
for (int thisLed = 0; thisLed < ledCount; thisLed++) {
pinMode(ledPins[thisLed], OUTPUT);
}
}

void loop() {
// read the potentiometer:
int sensorReading = analogRead(analogPin);
// map the result to a range from 0 to the number of LEDs:
int ledLevel = map(sensorReading, 0, 1023, 0, ledCount);

// loop over the LED array:
for (int thisLed = 0; thisLed < ledCount; thisLed++) {
// if the array element's index is less than ledLevel,
// turn the pin for this element on:
if (thisLed < ledLevel) {
digitalWrite(ledPins[thisLed], HIGH);
}
// turn off all pins higher than the ledLevel:
else {
digitalWrite(ledPins[thisLed], LOW);
}
}
}

@]
June 26, 2009, at 09:09 PM by Tom Igoe -
Added lines 1-5:
''Examples > Display''

The bar graph - a series of LEDs in a line, such as you see on an audio display - is a common hardware display for analog sensors. It's made up of a series of LEDs in a row, an analog input like a potentiometer, and a little code in between. This tutorial demonstrates how to control a series of LEDs in a row, but can be applied to any series of digital outputs.

This tutorial borrows from the [[Loop| For Loop and Arrays]] tutorial as well as the [[AnalogInput]] tutorial.

Share